/* Service-page deep-dive sections (2026-10-28), shared by the service pages:
   what's included (.inc-*), explainer with formula cards (.xp-*, .metrics), interactive tool (.calc*),
   comparison table (.cmp*), FAQ reviewer byline (.aeo-by) and the scroll-timeline rise (.dd-rise). */
.inc-sec,.xp-sec,.cmp-sec{padding:112px 0}
.inc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.inc-photo{position:sticky;top:112px;margin:0;border-radius:24px;overflow:hidden;background:var(--slate-100);box-shadow:0 1px 2px rgba(20,26,34,.06),0 28px 56px -32px rgba(20,26,34,.4)}
.inc-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:64% 50%}
.inc-chip{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(252,253,253,.95);box-shadow:0 10px 28px -14px rgba(20,26,34,.45);color:var(--ink-800)}
.inc-chip b{display:block;font:600 15px/1.3 var(--body)}
.inc-chip small{display:block;font-size:13px;line-height:1.4;color:var(--slate-500)}
.inc-copy .sec-head{margin-bottom:40px}
.inc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px}
.inc-list li{display:flex;gap:14px;align-items:flex-start}
.inc-ic{flex:none;width:40px;height:40px;border-radius:12px;background:var(--green-50);color:var(--green-700);display:grid;place-items:center}
.inc-ic svg{width:20px;height:20px}
.inc-list h3{margin:2px 0 6px;font:600 18px/1.3 var(--display);letter-spacing:-.015em;color:var(--ink-800)}
.inc-list p{margin:0;font-size:15px;line-height:1.6;color:var(--slate-500);max-width:40ch}

.xp-sec{background:linear-gradient(180deg,#F1F9EC 0,var(--white) 460px);border-top:1px solid var(--slate-200)}
.xp-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;margin-bottom:48px}
.xp-top .sec-head{margin-bottom:0}
.xp-top .lead strong{color:var(--ink-800);font-weight:600}
.xp-src{margin:18px 0 0;font-size:14px;line-height:1.5;color:var(--slate-500)}
.xp-src a{color:var(--green-700);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.xp-src a:hover{color:var(--ink-800)}
.xp-art{margin:0;border-radius:24px;overflow:hidden;background:#EAF7EC;box-shadow:inset 0 0 0 1px rgba(53,115,24,.08)}
.xp-art img{display:block;width:100%;height:auto}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 48px}
.mt{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border-radius:20px;background:var(--white);border:1px solid var(--slate-200)}
.mt dt{margin:0 0 14px;font:700 22px/1.15 var(--display);letter-spacing:-.02em;color:var(--ink-800)}
.mt dd{margin:0;font-size:15px;line-height:1.55;color:var(--slate-500)}
.mt .mt-f{margin-bottom:14px;padding:6px 10px;border-radius:8px;background:var(--slate-50);border:1px solid var(--slate-200);font:600 13px/1.35 var(--body);color:var(--ink-800);font-variant-numeric:tabular-nums}
.mt-key{background:var(--ink-800);border-color:var(--ink-800)}
.mt-key dt{color:var(--white)}
.mt-key dd{color:var(--slate-300)}
.mt-key .mt-f{background:rgba(116,209,66,.14);border-color:rgba(116,209,66,.35);color:#D9F2CB}

.calc{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-radius:28px;overflow:hidden;background:var(--white);border:1px solid var(--slate-200);box-shadow:0 1px 2px rgba(20,26,34,.05),0 32px 64px -40px rgba(20,26,34,.45)}
.calc-main{padding:40px}
.calc-h{margin:0 0 8px;font:600 26px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink-800)}
.calc-intro{margin:0 0 28px;font-size:15px;line-height:1.55;color:var(--slate-500)}
.calc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end}
.cf-wide{grid-column:1/-1}
.cf label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;font:600 14px/1.3 var(--body);color:var(--ink-800)}
.cf label small{font-weight:400;font-size:13px;color:var(--slate-500)}
.cf-in{display:flex;align-items:center;gap:6px;height:50px;padding:0 14px;border:1px solid var(--slate-300);border-radius:12px;background:#fff;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.cf-in:hover{border-color:var(--slate-400)}
.cf-in:focus-within{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(116,209,66,.28)}
.cf-in span{font:600 15px/1 var(--body);color:var(--slate-500)}
.cf-in input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:500 17px/1 var(--body);color:var(--ink-800);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.cf-in input::-webkit-outer-spin-button,.cf-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cf-in input::placeholder{color:#6B7684}
.calc-side{--focus:#74D142;display:flex;flex-direction:column;gap:24px;padding:40px;background:var(--ink-800);color:var(--white);background-image:radial-gradient(120% 80% at 100% 0,rgba(116,209,66,.16),rgba(116,209,66,0) 60%)}
.co span{display:block;margin-bottom:6px;font-size:14px;line-height:1.35;color:var(--slate-300)}
.co b{display:block;font:700 36px/1.05 var(--display);letter-spacing:-.02em;color:var(--white);font-variant-numeric:tabular-nums}
.co small{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--slate-300)}
.co small span{display:inline;margin:0;font-size:inherit;color:var(--white);font-weight:600}
.co-main b{font-size:clamp(56px,6vw,76px);color:var(--green-500)}
.co-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.co-note{margin:0;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);font-size:15px;line-height:1.5;color:var(--slate-100)}
.co-note.is-loss{background:rgba(232,161,58,.16);color:#F5D9AE}
.calc-cta{margin:auto 0 0;font-size:15px;line-height:1.5;color:var(--slate-300)}
.calc-cta a{color:var(--green-500);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.calc-cta a:hover{color:var(--white)}

.cmp-art{position:relative;margin:0 0 20px;border-radius:24px;overflow:hidden;background:#E9F7E5}
.cmp-art img{display:block;width:100%;height:auto}
.cmp-cap span{position:absolute;bottom:14px;left:var(--x);transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:rgba(252,253,253,.92);box-shadow:0 4px 12px -6px rgba(20,26,34,.3);font:600 14px/1.2 var(--body);color:var(--ink-800);white-space:nowrap}
@media (max-width:600px){.cmp-art{border-radius:18px}.cmp-cap span{bottom:8px;padding:4px 8px;font-size:12px}}
.cmp-wrap{border:1px solid var(--slate-200);border-radius:24px;overflow:hidden;background:var(--white);box-shadow:0 24px 48px -36px rgba(20,26,34,.35)}
.cmp{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.cmp th,.cmp td{padding:18px 22px;text-align:left;vertical-align:top;border-top:1px solid var(--slate-200)}
.cmp thead th{border-top:0;padding-block:20px;background:var(--slate-50);font:600 16px/1.3 var(--display);letter-spacing:-.01em;color:var(--ink-800)}
.cmp tbody th{width:19%;font:600 15px/1.45 var(--body);color:var(--ink-800)}
.cmp td{color:var(--slate-500)}
.cmp .cmp-us{background:#F4FAF0;color:var(--ink-700)}
.cmp thead .cmp-us{background:var(--green-50);color:var(--green-700);box-shadow:inset 0 3px 0 var(--green-500)}
.cmp-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;color:var(--slate-500)}

.aeo-by{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:14px;line-height:1.4;color:var(--ink-800)}
.aeo-by img{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--green-500)}
.aeo-by small{display:block;margin-top:2px;font-size:13px;color:var(--slate-500)}
.aeo-by .confirm{margin-left:4px}

@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
  .dd-rise{animation:dd-rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}}
@keyframes dd-rise{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}

@media (max-width:1100px){
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc{grid-template-columns:1fr}
}
@media (max-width:900px){
  .inc-sec,.xp-sec,.cmp-sec{padding:72px 0}
  .inc-grid,.xp-top{grid-template-columns:1fr;gap:36px}
  .inc-photo{position:relative;top:0}
  .inc-photo img{aspect-ratio:4/3}
}
@media (max-width:760px){
  .cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:auto}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cmp tbody tr{padding:20px;border-top:1px solid var(--slate-200)}
  .cmp tbody tr:first-child{border-top:0}
  .cmp tbody th{width:auto;padding:0 0 10px;border:0;font-size:16px}
  .cmp td{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,14fr);gap:12px;padding:10px 0;border-top:1px dashed var(--slate-200)}
  .cmp td::before{content:attr(data-label);font-weight:600;color:var(--ink-800)}
  .cmp td.cmp-us{margin:4px -12px 0;padding:10px 12px;border-radius:12px;border-top:0}
}
@media (max-width:600px){
  .inc-list{grid-template-columns:1fr;gap:24px}
  .metrics{grid-template-columns:1fr}
  .calc-form{grid-template-columns:1fr}
  .calc-main,.calc-side{padding:24px}
  .co-row{grid-template-columns:1fr}
}

/* listing checker (.lc): textareas and per-field results */
.cf-ta{display:block;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--slate-300);border-radius:12px;background:#fff;font:500 15px/1.55 var(--body);color:var(--ink-800);resize:vertical;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.cf-ta:hover{border-color:var(--slate-400)}
.cf-ta:focus{outline:0;border-color:var(--green-700);box-shadow:0 0 0 3px rgba(116,209,66,.28)}
.lc .calc-side{gap:22px}
.lc-res{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
.lc-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lc-top span{flex:1 1 100%;font-size:14px;color:var(--slate-300)}
.lc-top b{font:700 40px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--white)}
.lc-top small{font-size:14px;color:var(--slate-300)}
.lc-bar{height:6px;margin:14px 0 12px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.lc-bar i{display:block;height:100%;border-radius:inherit;background:var(--green-500);transform-origin:left;transform:scaleX(0);transition:transform .35s var(--ease),background-color .2s}
.lc-res[data-state="warn"] .lc-bar i{background:var(--amber)}
.lc-res[data-state="over"] .lc-bar i{background:#F07A6A}
.lc-msg{display:flex;gap:10px;margin:0;font-size:14.5px;line-height:1.5;color:var(--slate-100)}
.lc-msg::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--slate-400)}
.lc-msg.is-ok::before{background:var(--green-500)}
.lc-msg.is-warn::before{background:var(--amber)}
.lc-msg.is-over::before{background:#F07A6A}
@media (prefers-reduced-motion:reduce){.lc-bar i{transition:none}}

/* KDP royalty calculator: two labelled groups (eBook, paperback) and a native select */
.rc-form{grid-template-columns:1fr;gap:0}
.rc-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end;min-width:0}
.rc-set+.rc-set{margin-top:24px;padding-top:24px;border-top:1px solid var(--slate-200)}
.rc-h{grid-column:1/-1;margin:0 0 -6px;font:600 18px/1.3 var(--display);letter-spacing:-.01em;color:var(--ink-800)}
.cf-in select{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:500 16px/1 var(--body);color:var(--ink-800);cursor:pointer}
.rc .co b{font-size:clamp(40px,4.4vw,56px);color:var(--green-500)}
.rc .co small{color:var(--slate-300)}
.rc .co+.co{padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.rc .co-note{margin-top:12px}
@media (max-width:600px){.rc-set{grid-template-columns:1fr}}

/* Brand Registry checker: tool list with unlocked / needs-pro / after-enrollment states */
.bc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.bc-list .lc-msg{font-size:14.5px;line-height:1.35}
.bc-list .lc-msg::before{margin-top:5px}
.bc-list span{display:block}
.bc-list small{display:block;margin-top:2px;font-size:12.5px;color:var(--slate-300)}
.bc-list .is-idle{color:var(--slate-300)}
.bc-list .is-ok small{color:#BFE6A6}
#brand-check .co-main b{font-size:clamp(34px,3.6vw,46px)}
@media (max-width:600px){.bc-list{grid-template-columns:1fr}}

/* "On this page" bar: sticks under the site header, chips scroll sideways on phones */
.otp{position:sticky;top:77px;z-index:40;background:rgba(252,253,253,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--slate-200);transition:box-shadow .25s var(--ease)}
.otp.is-stuck{box-shadow:0 8px 24px -18px rgba(20,26,34,.45)}
.otp .wrap{display:flex;align-items:center;gap:18px}
.otp-h{flex:none;font:600 13px/1 var(--body);color:var(--slate-500)}
.otp ul{display:flex;gap:6px;margin:0;padding:8px 0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.otp ul::-webkit-scrollbar{display:none}
.otp li{flex:none}
.otp a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font:500 14px/1 var(--body);color:var(--ink-700);white-space:nowrap;transition:background-color .2s var(--ease),color .2s var(--ease)}
.otp a:hover{background:var(--slate-100);color:var(--ink-800)}
.otp a[aria-current]{background:var(--green-50);color:var(--green-700);font-weight:600}
html:has(.otp){scroll-padding-top:150px}
.tools-more{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:22px 0 0;font-size:14.5px;line-height:1.5;color:var(--slate-500)}
.tools-more span{color:var(--ink-800);font-weight:600}
.tools-more a{display:inline-block;padding:6px 0;color:var(--green-700);text-decoration:underline;text-underline-offset:3px}
.tools-more a:hover{color:var(--ink-800)}
@media (max-width:900px){.otp{top:65px}.otp-h{display:none}html:has(.otp){scroll-padding-top:128px}}
@media (prefers-reduced-motion:reduce){.otp,.otp a{transition:none}}