/* Shared Plutus components. Clear Day is now the main site's visual system. */
:root { --canvas:var(--paper); --surface:#fff; --yellow-soft:#fff6cf; --field-line:#bdcbd5; --editorial-ink:var(--ink); --placeholder:var(--muted); --shadow-control:0 4px 10px -3px #142c3b26; --shadow-card:0 10px 22px -10px #142c3b30; }
/* User-requested depth is shared by actionable controls and the two card collections. */
.button,.round-control { box-shadow:var(--shadow-control); }
.button:disabled { box-shadow:none; }
.email-entry { box-shadow:var(--shadow-card); }
.container { width:calc(100% - 104px); max-width:1420px; margin-inline:auto; }
.button-primary { background:var(--yellow); color:var(--ink); }
.site-header .brand img { width:100%; height:auto; }
.site-header .nav-links a[aria-current] { text-decoration:none; }
.site-header #primary-navigation { display:flex; }
/* A contained floating header shared by marketing, guides and article pages. */
.site-header.header { width:calc(100% - 64px); max-width:1380px; height:76px; margin:16px auto 0; top:16px; border:0; border-radius:16px; background:var(--paper); box-shadow:0 8px 32px -16px #142c3b50; }
.site-header .nav-inner { width:calc(100% - 40px); max-width:none; }
.site-header #primary-navigation a[aria-current] { text-decoration:none; }
.email-form .signup-handoff { margin-top:16px; padding:18px; background:var(--soft); border-radius:8px; font-size:15px; }
.email-form .signup-handoff .text-link { margin-top:12px; font-size:15px; }
.email-entry input { min-height:48px; }
.section-bottom { padding-bottom:var(--section); }
.blog-index { display:block; }
.article-cover { display:block; }
.article-grid { align-items:start; }
.blog-post { padding-top:48px; }
.legal-document { min-width:0; overflow-wrap:anywhere; }
.legal-document table { display:block; max-width:100%; overflow-x:auto; }
.article-toc { top:112px; }
.footer nav { flex-wrap:wrap; }
.footer-top { margin-bottom:35px; }

/* An explicit Phosphor icon owns the tick. Keep the foundation fallback for text-only lists. */
.check-list li:has(> .icon)::before { content:none; }
.product-story { padding-top:0; }
.stories-cta { display:flex; justify-content:center; margin-top:40px; }

/* Pricing: heading and capacity share one row, billing sits above the cards. */
.pricing-heading { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:40px; }
.capacity-control { min-width:0; }
.capacity-controls { display:grid; gap:32px; min-width:0; }
.capacity-heading { gap:16px; }
.pricing-summary { text-align:center; font-size:17px; }
.billing-row { display:flex; justify-content:center; margin-block:32px 48px; }
/* Dionysus SegmentedToggleGaribaldi: joined white segments, navy selection, no tick. */
.billing-control { padding:0; gap:0; background:white; border:1px solid var(--field-line); border-radius:6px; overflow:visible; }
.billing-control button { position:relative; border-radius:0; min-width:130px; min-height:50px; background:white; color:var(--ink); padding:12px 22px; }
.billing-control button:first-child { border-radius:5px 0 0 5px; }
.billing-control button:last-child { border-radius:0 5px 5px 0; }
.billing-control button + button { border-left:1px solid var(--field-line); }
.billing-control button[aria-pressed=true] { background:var(--ink); color:white; }
.billing-control button:active { transform:none; }
.billing-control button:focus-visible { outline-offset:-4px; }
.pricing-plan { padding-bottom:30px; border-color:transparent; box-shadow:var(--shadow-card); container-type:inline-size; }
.price-window { font-size:clamp(30px,20cqw,43px); white-space:nowrap; }
.pricing-plan [data-total] { min-height:22px; }
.price-unit { min-height:22px; }
.plan-badge { position:absolute; top:-16px; right:20px; padding:6px 14px; border-radius:6px; background:var(--ink); color:var(--paper); font-size:13px; line-height:20px; font-weight:750; }
.plan-badge.recommended { background:var(--yellow); color:var(--ink); }
.billing-control .plan-badge { top:-21px; right:10px; margin:0; font-size:13px; white-space:nowrap; pointer-events:none; }
@media (hover:hover) and (pointer:fine) {
 .billing-control button[aria-pressed=false]:hover { background:var(--yellow-soft); }
 .billing-control button[aria-pressed=true]:hover { background:color-mix(in srgb,var(--ink) 88%,var(--paper)); }
}
.pricing-plan[data-recommended=true] { border-color:var(--yellow); }
.pricing-plan[data-unavailable=true] { background:#e9eef1; border-color:transparent; box-shadow:none; color:#566b78; }
.pricing-plan[data-unavailable=true] :is(h3,.price-window,.price-unit,.check-list,.plan-limits) { color:#566b78; }
.pricing-plan[data-unavailable=true] .button { background:#d7e0e6; color:#536674; box-shadow:none; cursor:default; transform:none; }
.pricing-plan [hidden] { display:none!important; }
.pricing-plans { row-gap:36px; }

/* Public package names, existing module composition; keep comparison separate from prices. */
.pricing-plan-title { min-height:160px; }
.pricing-plan-title p { font-size:16px; line-height:1.6; }
.package-comparison { margin-top:72px; }
.package-comparison h3 { font-size:clamp(28px,3vw,36px); line-height:1.2; letter-spacing:-.025em; }
.package-comparison>p { margin-top:18px; max-width:72ch; font-size:18px; }
.comparison-scroll { position:relative; margin-top:32px; padding-top:16px; overflow-x:auto; border-radius:var(--radius); scrollbar-color:var(--field-line) var(--paper); scrollbar-width:thin; }
.comparison-table { width:100%; min-width:760px; table-layout:fixed; border-collapse:separate; border-spacing:0; background:var(--paper); color:var(--ink); }
.comparison-feature-column { width:30%; }
.comparison-table :is(th,td) { padding:12px 24px; border-bottom:1px solid var(--line); font-size:16px; line-height:1.5; text-align:center; vertical-align:middle; }
.comparison-table thead th { font-size:18px; font-weight:750; background:var(--yellow-soft); }
.comparison-table thead th:not(:first-child) { position:relative; }
.comparison-table thead th:first-child { border-top-left-radius:var(--radius); }
.comparison-table thead th:last-child { border-top-right-radius:var(--radius); }
.comparison-table tr>:first-child { text-align:left; position:sticky; left:0; z-index:1; background:var(--paper); }
.comparison-table thead tr>:first-child { background:var(--yellow-soft); }
.comparison-table tbody th { font-weight:550; }
.comparison-table .comparison-module th { font-weight:750; }
.comparison-table tbody[aria-labelledby]+tbody[aria-labelledby] .comparison-module>:is(th,td) { border-top:1px solid var(--line); }
.comparison-badge-slot { position:absolute; top:-16px; left:50%; transform:translateX(-50%); pointer-events:none; }
.comparison-badge-slot .plan-badge { position:static; display:block; margin:0; white-space:nowrap; }
@media (hover:hover) and (pointer:fine) {
 .comparison-table td.is-hover-row,
 .comparison-table td.is-hover-column { background:#e6e8ea; }
}
.comparison-table tbody tr:last-child>:is(th,td) { border-bottom:0; }
.comparison-status { display:grid; place-items:center; width:28px; height:28px; margin-inline:auto; border-radius:50%; }
.comparison-table .icon { width:18px; height:18px; display:block; }
.comparison-table .is-included .comparison-status { background:#dcfce7; color:#08783d; }
.comparison-table .is-excluded .comparison-status { background:#fee2e2; color:#b91c1c; }
.package-comparison .comparison-scroll-hint { display:none; font-size:15px; color:var(--muted); }
.package-comparison .comparison-capacity-note { margin-top:20px; font-size:16px; }
@media(max-width:1200px) { .pricing-plan-title { min-height:130px; } }
@media(max-width:900px) {
 .comparison-table :is(th,td) { padding:10px 16px; }
 .comparison-feature-column { width:168px; }
 .package-comparison .comparison-scroll-hint { display:block; }
}
@media(max-width:680px) {
 .pricing-plan-title { min-height:0; }
 .package-comparison { margin-top:52px; }
 .package-comparison>p { font-size:17px; }
 .comparison-scroll { margin-top:24px; }
 .comparison-table thead th { font-size:17px; }
 .package-comparison .comparison-capacity-note { font-size:15px; }
}

/* The same compact action band frames the totals without adding a new form. */
.action-band { padding-block:48px; background:var(--paper); }
.action-band-inner { display:flex; justify-content:center; align-items:center; gap:40px; }
.action-band h2 { font-size:clamp(24px,2.2vw,32px); line-height:1.3; letter-spacing:-.025em; }
.action-band .button { flex:none; }

/* Reference-led count-up grid. Values remain visible without animation or script. */
.platform-totals { background:var(--soft); color:var(--ink); }
.totals-inner { max-width:940px; text-align:center; }
.platform-totals h2 { color:var(--ink); }
.platform-totals .marked::after { bottom:-.08em; height:.09em; }
.totals-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:48px 0 0; }
.total-metric { display:flex; flex-direction:column; justify-content:center; min-width:0; min-height:220px; padding:32px 20px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); container-type:inline-size; transition:transform 240ms var(--ease); }
.total-metric dt { order:1; margin-top:12px; color:var(--ink); font-size:19px; line-height:1.4; font-weight:550; }
.total-metric dd { margin:0; line-height:1.1; }
.total-number { display:block; color:var(--ink); font-size:clamp(32px,18cqw,76px); font-weight:750; letter-spacing:-.03em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
@media (hover:hover) and (pointer:fine) {
 .total-metric:hover { transform:scale(1.025); }
}
@media (prefers-reduced-motion:reduce) {
 .total-metric { transition:none; transform:none!important; }
}
@media (max-width:680px) {
 .action-band { padding-block:36px; }
 .action-band-inner { flex-direction:column; gap:22px; text-align:center; }
 .action-band h2 { max-width:24ch; }
 .totals-grid { gap:12px; margin-top:32px; }
 .total-metric { min-height:150px; padding:24px 12px; }
 .total-metric dt { font-size:15px; min-height:42px; }
 .total-number { font-size:clamp(26px,23cqw,42px); }
}

/* The whole open answer is one calm, muted-yellow surface. */
.long-faq { display:block; max-width:1080px; }
.long-faq>h2 { text-align:center; margin-bottom:60px; font-size:clamp(38px,4.2vw,62px); }
.faq-items { display:grid; gap:12px; }
.faq-item,.faq-item:first-child { border:1px solid transparent; border-radius:12px; padding-inline:25px; transition:background-color 550ms ease,border-color 550ms ease; }
.faq-item:has([aria-expanded=true]) { background:#fff6cf; border-color:#e2d9ad; }
.faq-question { padding-block:25px; font-size:21px; gap:25px; color:var(--ink); }
.faq-question .icon { width:28px; height:28px; padding:5px; border-radius:7px; background:var(--ink); color:white; }
.faq-question[aria-expanded=true] .icon { background:var(--yellow); color:var(--ink); }
.faq-answer p { font-size:18px; line-height:1.7; padding:0 55px 25px 0; color:var(--muted); max-width:75ch; }
.faq-question:active { transform:none; }

/* Cards are real buttons with a full-quote dialog, not pretend video links. */
.story-card { position:relative; box-shadow:var(--shadow-card); transition:background-color 350ms ease; }
@media (min-width:681px) {
 .story-track[data-story-count="2"] .story-card { flex-basis:calc((100% - 28px) / 2); }
}
.story-portrait { width:64px; height:64px; flex:none; object-fit:cover; border-radius:12px; }
.story-open { position:absolute; inset:0; z-index:1; width:100%; height:100%; border-radius:inherit; }
.story-card:focus-within { background:#fff1ab; }
.story-open:focus-visible { outline-offset:-5px; }
.story-open:active { transform:none; }
.story-window { padding:20px; margin:-20px; }
.story-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; margin-top:25px; }
.story-position { margin:0; }
.story-footer .story-controls { margin:0; }
.story-dialog { width:min(660px,calc(100% - 32px)); max-height:85dvh; overflow:auto; border:0; border-radius:12px; padding:48px; color:var(--ink); background:white; }
.story-dialog::backdrop { background:#142c3b80; }
.stories-section .section-heading .story-hint { justify-self:start; margin:20px 0 0; max-width:none; font-size:18px; }
.story-attribution { display:flex; align-items:center; gap:18px; margin-top:32px; padding-top:26px; border-top:1px solid var(--line); }
.story-attribution [data-story-portrait]:empty { display:none; }
.story-dialog .story-portrait { width:64px; height:64px; }
.story-dialog .dialog-close { position:absolute; top:12px; right:12px; width:44px; height:44px; display:grid; place-items:center; border-radius:8px; background:var(--soft); }
.story-dialog h2 { font-size:32px; margin-bottom:25px; }
.story-dialog blockquote { font-size:26px; line-height:1.55; letter-spacing:-.025em; }
.story-dialog blockquote p { font:inherit; color:inherit; margin:0 0 1em; }
.story-dialog blockquote p:last-child { margin-bottom:0; }
.story-dialog blockquote:has(p + p) { font-size:18px; line-height:1.75; letter-spacing:0; }
.story-dialog [data-story-attribution] { min-width:0; font-size:16px; line-height:1.55; }
.story-dialog [data-story-attribution] b,.story-dialog [data-story-attribution] span,.story-dialog [data-story-attribution] small { display:block; }
.story-dialog [data-story-attribution] b { font-size:18px; margin-bottom:4px; }
.story-dialog [data-story-attribution] span,.story-dialog [data-story-attribution] small { font-size:15px; color:var(--muted); }

/* Fixed-ratio laptop, aligned screen captures and a masked moving drawer. */
.booking-demo .device-screen { aspect-ratio:16/10; background:#f5f8fa; }
.booking-stage { position:absolute; inset:0; overflow:hidden; }
.booking-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center; }
.booking-dim { position:absolute; inset:0; background:#11253570; opacity:0; transition:opacity 750ms ease; }
.booking-result { opacity:0; transition:opacity 700ms ease; }
.booking-drawer { position:absolute; inset:0; transform:translateX(38%); opacity:0; clip-path:inset(0 0 0 65%); transition:transform 850ms cubic-bezier(.32,.72,0,1),opacity 500ms ease; }
.booking-resource-frame { opacity:0; transition:opacity 650ms ease; }
.booking-demo[data-step="1"] .booking-drawer,.booking-demo[data-step="2"] .booking-drawer { opacity:1; transform:none; }
.booking-demo[data-step="1"] .booking-dim,.booking-demo[data-step="2"] .booking-dim { opacity:1; }
.booking-demo[data-step="2"] .booking-resource-frame { opacity:1; }
.booking-demo[data-step="3"] .booking-result { opacity:1; }
/* Coordinates match the right-aligned, covered screenshots inside the fixed-ratio screen. */
.booking-focus { position:absolute; left:16%; top:49%; width:clamp(24px,8%,58px); aspect-ratio:1; border:3px solid #d64236; outline:2px solid white; border-radius:50%; transform:translate(-50%,-50%); opacity:0; pointer-events:none; }
.booking-demo[data-step="1"] .booking-focus { left:82%; top:15%; }
.booking-demo[data-step="2"] .booking-focus { left:82%; top:70%; }
.booking-label { position:absolute; left:4%; bottom:5%; max-width:90%; display:grid; font-size:clamp(13px,3.5cqw,24px); font-weight:750; line-height:1.25; letter-spacing:-.025em; text-align:left; pointer-events:none; }
.booking-label>span { grid-area:1/1; justify-self:start; align-self:end; padding:.65em .9em; border-radius:7px; background:var(--yellow); color:var(--ink); box-shadow:0 5px 16px -5px #142c3b66; opacity:0; transition:opacity 200ms var(--ease); }
.booking-label[data-caption="0"]>span:nth-child(1),.booking-label[data-caption="1"]>span:nth-child(2),.booking-label[data-caption="2"]>span:nth-child(3),.booking-label[data-caption="3"]>span:nth-child(4) { opacity:1; transition-duration:300ms; transition-delay:200ms; }
.booking-label[data-instant=true]>span { transition:none; }
.booking-demo .demo-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; margin-top:24px; gap:8px; }
.booking-demo .demo-steps>button { min-width:0; display:grid; place-items:center; font-size:13px; text-align:center; min-height:44px; }
.booking-demo .device { display:block; width:100%; padding:0 3.4% 2.9%; background:transparent; border:0; text-align:inherit; }
.booking-demo .device:active { transform:none; }
.booking-demo .device-lid,.booking-demo .device-screen,.booking-demo .device-base { display:block; }
.booking-demo .device:disabled { opacity:1; cursor:default; }
.booking-error { font-size:14px; margin:12px 3%; }
@media(hover:hover) and (pointer:fine) {
 .story-card:hover { background:#fff1ab; }
 .faq-item:not(:has([aria-expanded=true])):hover { background:var(--soft); }
}
@media(max-width:1200px) { .container { width:calc(100% - 64px); }.price-window { font-size:clamp(30px,20cqw,46px); } }
@media(max-width:1000px) {
 .pricing-heading h2 { font-size:40px; }
 .site-header #primary-navigation { display:block; }
 .js-enabled .site-header #primary-navigation { display:none; }
 .js-enabled .site-header #primary-navigation.is-open { display:block; }
}
@media(max-width:680px) {
 .container { width:calc(100% - 40px); }.pricing-heading { grid-template-columns:1fr; gap:36px; }.pricing-heading h2 { font-size:37px; }.billing-row { margin-block:30px 42px; }
 .long-faq>h2 { margin-bottom:30px; font-size:38px; }.faq-item { padding-inline:18px; }.faq-question { font-size:18px; padding-block:22px; gap:16px; }.faq-answer p { font-size:16px; padding-right:0; }.faq-question .icon { width:25px; height:25px; }
 .story-footer { grid-template-columns:1fr auto 1fr; }.story-footer .story-controls { gap:8px; }.story-dialog { padding:55px 25px 30px; }.story-dialog blockquote { font-size:22px; }
 .booking-demo .demo-steps>button { font-size:12px; }.booking-demo .demo-steps { gap:5px; margin-top:15px; }
 .email-entry .button { font-size:14px; }
 .story-attribution { gap:12px; align-items:flex-start; }.story-dialog .story-portrait { width:48px; height:48px; }
 .billing-control button { min-width:120px; padding-inline:18px; }
 .sheet-head { flex-wrap:wrap; }
 .booking-demo .demo-steps>button { font-size:clamp(11px,3vw,12px); line-height:1.4; }
}
@media(min-width:681px) and (max-width:900px) {
 .module-feature,.module-feature.reverse { grid-template-columns:1fr; gap:32px; }
 .module-feature.reverse .feature-copy,.module-feature.reverse .feature-media { grid-column:auto; grid-row:auto; }
 .feature-copy>p { max-width:65ch; }
 .feature-copy>p,.feature-copy .check-list li { font-size:18px; }
 .feature-media { width:100%; }
 .customer-record b { font-size:16px; }.contact-lines { font-size:14px; }
}
/* One scroll offset, not scroll-padding plus a second target offset.
   Pricing's heading starts after section padding, so align its content rather than its background. */
:target { scroll-margin-top:0; }
#pricing { scroll-margin-top:calc(0px - var(--pricing-section-padding,var(--section))); }

/* Guides form a reading sequence grouped by the source's existing categories. */
.guide-index-heading { margin-block:48px 36px; }
.guide-index-heading h2 { font-size:32px; }
.guide-index #search-status,.guide-category-heading p { font-size:16px; }
.guide-category-group + .guide-category-group { margin-top:52px; }
.guide-category-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.guide-category-heading h2 { font-size:27px; }
.guide-category-heading h2 a { color:inherit; text-decoration-thickness:1px; text-underline-offset:.18em; }
.guide-category-heading p { margin:0; }
.guide-grid { gap:28px; margin-top:24px; }
.guide-grid .article-card { border:0; padding:0; }
.guide-grid .article-card-body { padding:0; }
.guide-grid .article-card h3 { font-size:23px; line-height:1.4; letter-spacing:-.025em; margin:0 0 14px; }
.guide-grid .article-card p { font-size:18px; line-height:1.65; margin:0 0 22px; }
.guide-grid .article-read { font-size:17px; min-height:44px; display:inline-flex; align-items:center; }
.guide-index .search-form label { font-size:16px; }
.guide-index .search-form input,.guide-index .search-form select { font-size:17px; }
@media(max-width:680px) {
 .guide-index-heading { align-items:flex-start; gap:16px; }
 .guide-index-heading h2 { font-size:27px; }
 .guide-category-heading h2 { font-size:23px; }
 .guide-grid .article-card h3 { font-size:22px; }
 .guide-category-group + .guide-category-group { margin-top:40px; }
}
/* One job moves along an open, numbered path. Drawings are geometry, not fake UI. */
.how-section { padding-block:var(--section); }
.how-section .section-heading h2 { max-width:none; }
.journey-path { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.journey-path li { min-width:0; position:relative; }
.journey-path li:not(:last-child)::after { content:""; position:absolute; height:1px; background:#b7c6cf; top:196px; left:calc(50% + 28px); width:calc(100% - 32px); pointer-events:none; }
.journey-step { width:100%; padding:0; text-align:center; border-radius:12px; }
.journey-step,.journey-step * { cursor:default; }
.journey-motion-toggle { min-height:44px; padding:10px 14px; border-radius:6px; font-size:14px; color:var(--muted); }
.journey-motion-toggle[hidden] { display:none; }
.journey-art { width:100%; max-width:230px; height:168px; display:block; margin:0 auto 10px; color:var(--ink); overflow:visible; transition:transform 450ms var(--ease); }
.journey-step[data-active=true] .journey-art { transform:scale(1.18); }
.journey-accent { fill:var(--yellow-soft); transition:fill 240ms ease; }
.journey-detail { transform-box:fill-box; transform-origin:center; transition:transform 450ms var(--ease); }
.journey-step[data-active=true] .journey-accent { fill:var(--yellow); }
.journey-step[data-active=true] .journey-detail { transform:translateY(-4px) rotate(-3deg); }
.journey-step .journey-boom { transform-origin:8% 92%; }
.journey-step[data-active=true] .journey-boom { transform:rotate(-3deg); }
.journey-copy { display:block; }
.journey-number { display:grid; place-items:center; width:36px; height:36px; margin:0 auto 20px; border-radius:50%; background:var(--paper); box-shadow:inset 0 0 0 1px #b7c6cf; font-size:16px; font-weight:750; transition:background-color 200ms ease; }
.journey-step[data-active=true] .journey-number { background:var(--yellow); box-shadow:none; }
.journey-title { display:block; font-size:21px; font-weight:650; line-height:1.35; letter-spacing:-.025em; text-wrap:balance; }
.journey-summary { display:block; margin-top:10px; font-size:17px; color:var(--muted); line-height:1.5; }
.journey-title,.journey-summary { transform-origin:center; transition:transform 450ms var(--ease); }
.journey-step[data-active=true] .journey-title,.journey-step[data-active=true] .journey-summary { transform:scale(1.14); }
.journey-title .marked::after { opacity:0; transform:scaleX(.25); transition:opacity 450ms var(--ease),transform 450ms var(--ease); }
.journey-step[data-active=true] .marked::after { opacity:1; transform:scaleX(1) rotate(-1deg); }
@media(max-width:1000px) {
 .site-header.header { height:72px; width:calc(100% - 40px); }
 .site-header .nav-inner nav { top:calc(100% + 8px); left:0; right:0; width:auto; border:0; border-radius:12px; background:var(--paper); max-height:calc(100dvh - 116px); overflow-y:auto; }
 .journey-path { gap:16px; }.journey-title { font-size:18px; }.journey-summary { font-size:16px; }
}
@media(max-width:800px) {
 .journey-path { grid-template-columns:1fr; gap:20px; }
 .journey-step { display:flex; align-items:center; gap:20px; text-align:left; }
 .journey-art { flex:none; width:112px; height:100px; margin:0; }
 .journey-copy { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:10px; align-items:center; padding-right:24px; min-width:0; }
 .journey-number { width:28px; height:28px; margin:0; font-size:14px; }
 .journey-title { font-size:20px; }.journey-summary { grid-column:2; margin-top:5px; font-size:16px; }
 .journey-title,.journey-summary { transform-origin:left center; }
 .journey-path li:not(:last-child)::after { left:145px; top:76px; height:48px; width:1px; }
}
@media(max-width:680px) {
 .site-header.header { top:10px; margin-top:10px; height:64px; width:calc(100% - 24px); border-radius:12px; }
 .site-header .nav-inner { width:calc(100% - 32px); }
 .journey-step { gap:12px; }.journey-art { width:92px; height:100px; }
 .journey-path li:not(:last-child)::after { left:117px; }
 .journey-title { font-size:19px; }
}
@media(max-width:380px) {
 .journey-art { width:76px; }
 .journey-copy { display:block; padding-right:20px; }
 .journey-number { position:absolute; left:0; top:0; }
 .journey-path li:not(:last-child)::after { left:38px; top:98px; height:24px; }
}
@media(prefers-reduced-motion:reduce) { .booking-focus { opacity:0!important; }.journey-art,.journey-detail,.journey-title,.journey-summary { transform:none!important; } }

/* In-place guide playback. The picture remains the stop target, without an overlay. */
.gif-toggle { display:block; position:relative; width:100%; padding:0; background:transparent; border-radius:var(--radius); overflow:hidden; line-height:0; }
.gif-toggle:active { transform:none; }
.gif-toggle img { display:block; width:100%; height:auto; border-radius:inherit; }
.gif-play-overlay { position:absolute; inset:0; display:grid; place-content:center; color:var(--ink); transition:opacity 180ms var(--ease); }
.gif-play-overlay svg { width:64px; height:64px; padding:18px; border-radius:50%; background:var(--yellow); box-shadow:var(--shadow-control); }
.gif-player[data-playing=true] .gif-play-overlay { opacity:0; pointer-events:none; }
.gif-status { color:var(--muted); font-size:14px; line-height:1.5; }
.gif-status:empty { display:none; }
.guide-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.article-navigation .guide-page-link { display:flex; align-items:center; justify-content:center; gap:16px; max-width:none; min-height:104px; padding:22px; background:var(--soft); color:var(--ink); border-radius:var(--control-radius); font-size:17px; line-height:1.5; text-align:center; transition:background-color 180ms ease; }
.article-navigation .guide-page-link>span { margin:0; color:inherit; font-size:inherit; }
.guide-page-link small { display:block; margin-bottom:6px; font-size:14px; font-weight:550; color:var(--muted); }
.article-navigation .guide-page-link .icon { width:24px; margin:0; flex:none; }
.guide-page-link[rel=next] { grid-column:2; }
.reading-toc [data-scroll-toc] a,.article-toc [data-scroll-toc] a { padding:10px 12px; margin-block:3px; border-radius:6px; font-size:14px; line-height:1.55; transition:background-color 220ms ease,color 220ms ease; }
[data-scroll-toc] a[aria-current=location] { background:var(--yellow-soft); color:var(--ink); }
@media(hover:hover) and (pointer:fine) {
 .guide-page-link:hover { background:var(--yellow-soft); }
 .gif-toggle:not([aria-pressed=true]):hover .gif-play-overlay svg { background:var(--yellow-hover); }
 [data-scroll-toc] a:not([aria-current=location]):hover { background:var(--soft); color:var(--ink); }
}
@media(max-width:680px) {
 .guide-pagination { grid-template-columns:1fr; gap:12px; }
 .guide-page-link[rel=next] { grid-column:auto; }
 .article-navigation .guide-page-link { width:100%; min-height:88px; padding:18px; }
 .gif-play-overlay svg { width:56px; height:56px; padding:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .gif-play-overlay,.guide-page-link,[data-scroll-toc] a { transition:none!important; }
}
@media print { .gif-play-overlay,.guide-pagination { display:none; } }
.product-screenshot-crop { position:relative; overflow:hidden; border-radius:7px; background:white; box-shadow:0 24px 40px -28px #142c3b77; }
.product-screenshot-crop img { position:absolute; max-width:none; height:auto; border-radius:0; box-shadow:none; }
/* Clip application/browser chrome without altering the original screenshot bytes. */
.resource-screenshot-crop { aspect-ratio:1504/753; }
.resource-screenshot-crop img { width:106.383%; left:-6.383%; top:0; }
.invoice-screenshot-crop { aspect-ratio:1520/787; }
.invoice-screenshot-crop img { width:105.263%; left:-5.263%; top:-5.591%; }
.sales-screenshot-crop { position:relative; aspect-ratio:980/625; overflow:hidden; border-radius:7px; background:white; box-shadow:0 24px 40px -28px #142c3b77; }
.sales-screenshot-crop img { position:absolute; width:161.327%; max-width:none; height:auto; left:-9.694%; top:-3.2%; border-radius:0; box-shadow:none; }
@media(max-width:680px) {
  .sales-screenshot-crop { aspect-ratio:495/460; }
  .sales-screenshot-crop img { width:319.394%; left:-19.192%; top:-4.348%; }
}
.blog-index { display:block; }
.blog-index .article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; align-items:start; }
.blog-index .article-cover { display:block; padding:0; overflow:hidden; background:var(--soft); }
.blog-index .article-cover img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; box-shadow:none; border-radius:12px; }
.blog-index .article-card-body h2 { font-size:28px; line-height:1.3; margin:12px 0 18px; }
.blog-index .article-card-body>p { font-size:18px; line-height:1.65; }
.blog-post .reading-header { max-width:960px; }
.blog-post .article-meta { font-size:15px; line-height:1.6; color:var(--muted); }
.blog-post .blog-cover { padding:0; background:none; }
.blog-post .blog-cover { max-width:1100px; }
.blog-cover img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; border-radius:12px; }
.blog-cover figcaption { margin:14px 0 0; font-size:14px; line-height:1.6; color:var(--muted); }
.blog-post .blog-reading-grid { align-items:start; }
.blog-post .editorial>section:first-child h2 { margin-top:0; }
.blog-post .blog-figure img { margin:0; max-height:none; }
.blog-post .blog-figure figcaption { margin-top:12px; }
.blog-post .blog-guide-links { padding:0; list-style:none; }
.blog-guide-links a { display:inline-block; padding-block:5px; }
.editorial .blog-cta { margin-top:56px; padding:32px; background:var(--yellow-soft); border-radius:12px; }
.editorial .blog-cta h2 { margin:0 0 16px; }
.editorial .blog-cta p { margin:0 0 24px; }
.editorial .blog-cta .button { color:var(--ink); text-decoration:none; }
.editorial .blog-package-link { display:flex; align-items:center; gap:12px; width:fit-content; margin-top:20px; min-height:44px; }
.blog-related { margin-top:48px; padding-top:24px; border-top:1px solid var(--line); }
.editorial .blog-related h2 { font-size:24px; margin:0 0 16px; }
.blog-related a { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:60px; padding-block:12px; }
.blog-related .icon { flex:none; }
@media(hover:hover) and (pointer:fine) { .blog-index .article-cover:hover { opacity:.92; } }
@media(max-width:1000px) { .blog-index .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { .blog-index .article-grid { grid-template-columns:1fr; gap:44px; } .blog-index .article-card-body h2 { font-size:26px; } .editorial .blog-cta { padding:24px 20px; } .blog-cover img { max-height:none; } }
@media print { .blog-cta,.blog-related { display:none; } }

.motion-settings { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; margin-top:24px; color:var(--muted); font-size:13px; }
.motion-settings button { min-height:44px; padding:10px 16px; background:var(--soft); color:var(--ink); border-radius:6px; font:inherit; font-weight:650; }
.motion-settings button[aria-pressed="true"] { background:var(--ink); color:var(--paper); }
.motion-settings button:disabled { cursor:default; opacity:1; }
@media (hover:hover) and (pointer:fine) { .motion-settings button:not(:disabled):hover { background:var(--yellow-soft); color:var(--ink); } }
html[data-motion-reduced="true"] { scroll-behavior:auto; }
html[data-motion-reduced="true"] *, html[data-motion-reduced="true"] *::before, html[data-motion-reduced="true"] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }

/* Non-modal privacy notice: no backdrop, lock or forced focus. */
body { padding-bottom:var(--privacy-notice-height,0px); }
html { scroll-padding-bottom:calc(var(--privacy-notice-height,0px) + 16px); }
.privacy-notice { position:fixed; inset:auto 0 0; z-index:40; background:var(--paper); color:var(--ink); box-shadow:0 -8px 32px -16px #142c3b50; max-height:50dvh; overflow-y:auto; padding:24px 0 max(24px,env(safe-area-inset-bottom)); }
.privacy-notice[hidden] { display:none; }
.privacy-notice-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.privacy-notice-copy { min-width:0; max-width:72ch; }
.privacy-notice-copy h2 { font-size:22px; line-height:1.3; letter-spacing:-.025em; margin:0 0 8px; }
.privacy-notice-copy p { font-size:16px; line-height:1.65; color:var(--muted); margin:0; }
.privacy-notice-actions { display:flex; align-items:center; gap:28px; flex:none; }
.privacy-notice-actions a { display:flex; align-items:center; min-height:44px; font-size:16px; text-decoration:underline; text-underline-offset:4px; }
.privacy-notice-actions .button { min-width:116px; }
.footer-bottom .privacy-reopen { color:inherit; font:inherit; text-align:left; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
.privacy-no-script { padding-block:24px; font-size:16px; }
@media(hover:hover) and (pointer:fine) { .privacy-notice-actions a:hover,.privacy-reopen:hover { color:var(--focus); } }
@media(max-width:800px) {
 .privacy-notice { padding:20px 0 max(20px,env(safe-area-inset-bottom)); }
 .privacy-notice-inner { flex-direction:column; align-items:stretch; gap:16px; }
 .privacy-notice-actions { justify-content:space-between; }
 .privacy-notice-copy h2 { font-size:20px; }
 .privacy-notice-actions .button { min-height:48px; }
 .footer-bottom>div { flex-wrap:wrap; }
}
@media print { body { padding-bottom:0; } .privacy-notice,.privacy-reopen,.privacy-no-script { display:none!important; } }
/* Regional software pages: shared Clear Day shell, open content and static product evidence. */
.seo-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center;padding-top:72px;padding-bottom:80px}
.seo-hero h1,.seo-directory h1{font-size:clamp(2.4rem,4.2vw,3.5rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance;margin:24px 0}
.seo-hero .lead{font-size:19px;line-height:1.7;max-width:65ch}.seo-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0;list-style:none;font-size:14px}.seo-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.seo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:28px 0 18px}.seo-actions>a:not(.button){display:inline-flex;align-items:center;gap:8px}.seo-free-note{font-size:14px;line-height:1.6;max-width:52ch}
.seo-media{min-width:0;margin:0;padding:24px;background:var(--pale,#f2f5f7);border-radius:12px}.seo-screen{overflow:hidden;background:white;border-radius:6px}.seo-screen img{display:block;width:100%;height:auto;max-width:none}.seo-screen-sales img{width:106.4%;margin-left:-6.4%}.seo-screen-resources img{width:106.38%;margin-left:-6.38%}.seo-screen-invoice{aspect-ratio:1520/787}.seo-screen-invoice img{width:105.26%;margin-left:-5.26%;margin-top:-2.895%}.seo-media figcaption{font-size:14px;line-height:1.65;margin-top:20px;text-align:center}
.seo-section{padding-top:64px;padding-bottom:64px}.seo-section h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.22;margin:0 0 24px;letter-spacing:-.025em}.seo-section h3{font-size:21px;line-height:1.35;margin:0 0 14px}.seo-section p{font-size:17px;line-height:1.75;max-width:70ch}.seo-benefits,.seo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.seo-benefits{margin-top:40px}.seo-workflow{background:#f2f5f7}.seo-measure{max-width:70ch}.seo-steps{list-style:none;counter-reset:hire-step;padding:0;margin:40px 0 0}.seo-steps li{counter-increment:hire-step}.seo-steps li:before{content:counter(hire-step);display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#f4c500;color:#142c3b;font-weight:700;margin-bottom:20px}
.seo-local,.seo-buying{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px}.seo-local aside{align-self:start;padding:28px;background:#f2f5f7;border-radius:12px}.seo-local ul{padding-left:22px}.seo-local li{line-height:1.65;margin:14px 0}.seo-sources a{display:inline-flex;gap:8px;align-items:baseline;text-decoration:underline;text-underline-offset:4px}.seo-sources .icon{flex-shrink:0}.seo-proof{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;border-block:1px solid #d8e1e8}.seo-proof figure{margin:0}.seo-proof blockquote{margin:0 0 28px}.seo-proof blockquote p{font-size:24px;line-height:1.55}.seo-proof figcaption{display:flex;gap:20px;align-items:center}.seo-proof img{width:72px;height:72px;object-fit:cover;border-radius:8px}.seo-proof figcaption span,.seo-proof figcaption strong{display:block;line-height:1.6}
.seo-faq details{border-bottom:1px solid #d8e1e8;padding:20px 0}.seo-faq summary{font-weight:600;font-size:18px;line-height:1.5;cursor:pointer}.seo-faq details[open]{background:#fff8d7;padding:20px;border-radius:8px}.seo-faq details p{margin-bottom:0}.seo-related{border-top:1px solid #d8e1e8}.seo-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;list-style:none;padding:0}.seo-related a,.seo-directory-group a{display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.5;padding:14px 0}.seo-related svg,.seo-directory-group svg{flex-shrink:0}
.seo-directory{padding-top:64px;padding-bottom:80px}.seo-directory>.lead{max-width:65ch}.seo-topic-nav{display:flex;flex-wrap:wrap;gap:16px 28px;margin:32px 0 64px}.seo-topic-nav a{text-decoration:underline;text-underline-offset:5px}.seo-directory-group{scroll-margin-top:120px;border-top:1px solid #d8e1e8;padding:40px 0}.seo-directory-group h2{font-size:30px}.seo-directory-group p{max-width:65ch;font-size:17px;line-height:1.7}.seo-directory-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;padding:0;list-style:none}
@media(max-width:900px){.seo-hero{grid-template-columns:1fr;gap:36px;padding-top:44px;padding-bottom:48px}.seo-hero h1{max-width:24ch}.seo-media{padding:20px}.seo-local,.seo-buying,.seo-proof{grid-template-columns:1fr;gap:36px}.seo-benefits,.seo-steps{gap:28px}.seo-section{padding-block:48px}}
@media(max-width:600px){.seo-hero h1,.seo-directory h1{font-size:34px}.seo-benefits,.seo-steps,.seo-related ul,.seo-directory-group ul{grid-template-columns:1fr}.seo-steps{gap:28px}.seo-steps li{position:relative;padding-left:48px}.seo-steps li:before{position:absolute;left:0;top:0}.seo-proof blockquote p{font-size:22px}.seo-proof figcaption{align-items:flex-start;gap:16px}.seo-hero .lead{font-size:18px}.seo-directory{padding-top:44px}.seo-topic-nav{margin-bottom:40px}}

/* Static capability summary between the product modules and package choice. */
.product-features { background:var(--soft); padding-bottom:48px; }
/* Adjoining sections share one measured gap instead of two full section paddings. */
.product-features + .pricing-long { --pricing-section-padding:48px; padding-top:var(--pricing-section-padding); }
.long-faq { padding-bottom:48px; }
.long-faq + .help-teaser { padding-top:48px; align-items:start; }
.product-features h2 { max-width:26ch; margin:0 auto 48px; text-align:center; text-wrap:balance; }
.product-features-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
.product-feature-card { position:relative; min-width:0; padding:32px; border-radius:12px; background:var(--paper); box-shadow:var(--shadow-card); cursor:default; }
.product-feature-card::after { content:""; position:absolute; inset-inline:32px; bottom:16px; height:3px; background:var(--yellow); pointer-events:none; transform:scaleX(0); transform-origin:left; }
.product-feature-art { display:block; width:160px; max-width:100%; height:auto; margin-bottom:24px; color:var(--ink); overflow:visible; }
.feature-art-detail { transform-box:fill-box; transform-origin:center; }
.product-feature-card h3 { margin:0 0 14px; color:var(--ink); font-size:20px; font-weight:650; line-height:1.35; letter-spacing:-.025em; text-wrap:balance; }
.product-feature-card p { margin:0; font-size:16px; line-height:1.65; color:var(--ink); }
.product-features-action { margin-top:40px; text-align:center; }
.product-features-action p { margin:0 auto 20px; max-width:52ch; font-size:16px; line-height:1.65; color:var(--ink); }
@media(hover:hover) and (pointer:fine) {
  .product-feature-card { transition:transform 240ms var(--ease),box-shadow 240ms var(--ease); }
  .product-feature-card::after { transition:transform 240ms var(--ease); }
  .product-feature-card:hover { transform:translateY(-4px); box-shadow:0 14px 26px -10px #142c3b40; }
  .product-feature-card:hover::after { transform:scaleX(1); }
  .feature-art-detail { transition:transform 300ms var(--ease); }
  .product-feature-card:hover .feature-art-detail { transform:translateY(-3px) rotate(-3deg); }
}
@media(max-width:1000px) { .product-features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) {
  .product-features { padding-bottom:28px; }
  .product-features + .pricing-long { --pricing-section-padding:28px; padding-top:var(--pricing-section-padding); }
  .long-faq { padding-bottom:28px; }
  .long-faq + .help-teaser { padding-top:28px; }
  .product-features h2 { margin-bottom:32px; }
  .product-features-grid { grid-template-columns:1fr; gap:20px; }
  .product-feature-card { padding:28px; }
  .product-feature-card::after { inset-inline:28px; bottom:12px; }
  .product-feature-art { width:144px; margin-bottom:20px; }
  .product-features-action { margin-top:32px; }
}
@media(prefers-reduced-motion:reduce) {
  .product-feature-card,.product-feature-card:hover { transform:none; transition:none; }
  .product-feature-card::after { transform:none; transition:none; opacity:0; }
  .product-feature-card:hover::after { transform:none; opacity:1; }
  .feature-art-detail,.product-feature-card:hover .feature-art-detail { transform:none; transition:none; }
}
html[data-motion-reduced="true"] .product-feature-card,html[data-motion-reduced="true"] .product-feature-card:hover { transform:none; transition:none; }
html[data-motion-reduced="true"] .product-feature-card::after { transform:none; transition:none; opacity:0; }
html[data-motion-reduced="true"] .product-feature-card:hover::after { transform:none; opacity:1; }
html[data-motion-reduced="true"] .feature-art-detail,html[data-motion-reduced="true"] .product-feature-card:hover .feature-art-detail { transform:none; transition:none; }
/* Monthly calculator: native controls share Clear Day's field and divider tokens. */
.capacity-inputs { display:grid; grid-template-columns:minmax(0,1fr) 90px; align-items:center; gap:16px; }
.capacity-inputs input { min-width:0; }
.capacity-inputs input[type="number"] { appearance:auto; cursor:text; width:100%; height:auto; min-height:44px; border:1px solid var(--field-line); border-radius:8px; background:var(--paper); color:var(--ink); padding:8px 10px; font:inherit; font-variant-numeric:tabular-nums; }
.capacity-inputs input[aria-invalid="true"] { border-color:var(--error); }
.capacity-control>label { display:block; margin-bottom:10px; color:var(--ink); font-weight:650; }
.pricing-error { color:var(--error); text-align:center; }
.plan-breakdown-label { margin:20px 0 8px; font-size:13px; color:var(--muted); }
.plan-breakdown { margin:0 0 18px; font-size:14px; }
.plan-breakdown>div { display:flex; justify-content:space-between; gap:12px; padding:5px 0; border-bottom:1px solid var(--line); }
.plan-breakdown dd { margin:0; min-width:0; white-space:normal; text-align:right; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
@media(min-width:1100px) {
  .capacity-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; }
}
.contact-layout{scroll-margin-top:130px}.contact-layout .contact-help{font-size:17px}.contact-form>p{margin:0}.contact-form .field-error{color:var(--error);font-size:15px}.contact-form #contact-status{margin-top:16px;min-height:3em}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form button:disabled{opacity:.65;cursor:wait}
.contact-layout a[href="mailto:help@uprate.digital"],.contact-layout a[href="/privacy-policy/"]{color:var(--focus);text-decoration:underline}
.contact-form label.contact-privacy{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.contact-form .contact-privacy input[type="checkbox"]{appearance:auto;flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0;border-radius:0;accent-color:var(--focus)}
.contact-form .contact-privacy span{min-width:0;color:var(--ink);font-weight:450;overflow-wrap:anywhere}
.contact-form .contact-privacy input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}
/* Text-only knowledge reader: the shell stays mounted between articles. */
.knowledge-search.container,.knowledge-notice.container,.knowledge-layout.container{width:100%;max-width:none;padding-inline:32px}
.knowledge-search{padding-top:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.knowledge-search .search-form{display:flex;align-items:flex-end;gap:12px;margin:0;width:100%;max-width:none}
.knowledge-search .search-field{flex:1}
.knowledge-search .search-form label{font-size:14px}
.knowledge-search [role=status]:empty,.knowledge-notice:empty{display:none}
.knowledge-search [data-knowledge-results]{max-height:420px;overflow:auto;padding-top:16px}
.knowledge-search [data-knowledge-results] ul{list-style:none;margin:0;padding:0}
.knowledge-search [data-knowledge-results] li{padding:12px 0;border-top:1px solid var(--line)}
.knowledge-search [data-knowledge-results] a{font-weight:650;text-decoration:underline}
.knowledge-search [data-knowledge-results] p{margin:5px 0 0;color:var(--muted);font-size:14px}
.knowledge-notice{padding-block:16px;font-size:14px}
.knowledge-layout.container{display:grid;grid-template-columns:250px minmax(0,1fr) 220px;gap:32px;padding-top:28px;padding-bottom:72px}
[data-knowledge-shell] .guide-article{min-width:0}
[data-knowledge-shell] .reading-header{margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
[data-knowledge-shell] .reading-header h1{font-size:30px;line-height:1.3;letter-spacing:-.025em;margin:18px 0 14px}
[data-knowledge-shell] h1:focus{outline:none}
[data-knowledge-shell] [aria-busy=true]{opacity:.65}
.knowledge-breadcrumbs{font-size:12px;color:var(--muted)}
.knowledge-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.knowledge-breadcrumbs li+li::before{content:'/';margin-right:8px;color:var(--muted)}
.knowledge-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.knowledge-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:12px;color:var(--muted)}
.knowledge-meta p{margin:0;font-size:12px;line-height:1.7;flex:1 1 350px}
.knowledge-meta p span{padding-inline:5px}
.knowledge-share{border:1px solid var(--line);border-radius:6px;padding:8px 12px;min-height:44px;color:var(--ink);background:white;font-size:13px;font-weight:650}
.knowledge-meta [role=status]{flex-basis:100%;overflow-wrap:anywhere}
.knowledge-copy-field{position:fixed;top:0;left:-9999px}
[data-knowledge-shell] .guide-body{max-width:none;font-size:15px;line-height:1.75;overflow-wrap:anywhere;color:var(--ink)}
[data-knowledge-shell] .guide-body p{margin:0 0 16px;color:inherit}
[data-knowledge-shell] .guide-body h2{font-size:22px;line-height:1.4;letter-spacing:-.015em;margin:32px 0 16px;padding-top:22px;border-top:1px solid var(--line)}
[data-knowledge-shell] .guide-body>h2:first-child{margin-top:0;padding-top:0;border-top:0}
[data-knowledge-shell] .guide-body h3{font-size:17px;line-height:1.5;margin:24px 0 12px;letter-spacing:0}
[data-knowledge-shell] .guide-body ul,[data-knowledge-shell] .guide-body ol{padding-left:24px;margin:12px 0 20px}
[data-knowledge-shell] .guide-body li{margin:8px 0;padding-left:3px;color:inherit}
[data-knowledge-shell] .guide-body h2,[data-knowledge-shell] .guide-body h3{scroll-margin-top:120px}
[data-knowledge-shell] .guide-body pre{overflow:auto;padding:16px;background:var(--soft);border-radius:6px}
[data-knowledge-shell] .guide-body code{overflow-wrap:anywhere}
[data-knowledge-shell] .knowledge-related{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}
[data-knowledge-shell] .knowledge-related h2{font-size:20px}
[data-knowledge-shell] .knowledge-related ul{list-style:none;padding:0}
[data-knowledge-shell] .knowledge-related li{margin:10px 0;font-size:14px}
[data-knowledge-shell] .knowledge-related a{display:inline-flex;align-items:center;gap:12px}
[data-knowledge-shell] .guide-sidebar{border-right:1px solid var(--line);padding-right:20px;position:sticky;top:112px;max-height:calc(100vh - 132px);overflow:auto;align-self:start;font-size:13px}
[data-knowledge-shell] .guide-sidebar a{min-height:44px;font-size:13px;padding:10px 12px;line-height:1.6}
[data-knowledge-shell] .guide-sidebar .guide-home{font-size:15px;margin-bottom:14px}
[data-knowledge-shell] .guide-sidebar summary{font-size:13px;min-height:44px;align-items:center;padding-block:10px}
[data-knowledge-shell] .guide-sidebar [aria-current=page]{background:var(--yellow-soft);border-radius:6px;color:var(--ink)}
[data-knowledge-shell] .reading-toc{display:block;border-left:1px solid var(--line);padding-left:20px;position:sticky;top:112px;max-height:calc(100vh - 132px);overflow:auto;align-self:start}
[data-knowledge-shell] .reading-toc summary{font-size:13px;margin-bottom:8px}
[data-knowledge-shell] .reading-toc nav{gap:0}
[data-knowledge-shell] .reading-toc a{display:block;min-height:36px;padding:8px 10px;border-radius:4px;font-size:12px;line-height:1.6}
[data-knowledge-shell] .reading-toc .toc-level-3{padding-left:20px}
[data-knowledge-shell] .reading-toc a[aria-current=location]{background:var(--yellow-soft);color:var(--ink)}
.knowledge-tags{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.knowledge-tags h2{font-size:13px;margin:0 0 10px}
.knowledge-tags ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.knowledge-tags li{font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:4px}
[data-knowledge-shell] .knowledge-callout{margin:20px 0;padding:16px 20px;border-left:3px solid #286a9e;background:#edf5fc;color:#183c58;font-size:14px}
[data-knowledge-shell] .knowledge-callout-caution{border-color:#a46708;background:#fff7df;color:#624514}
[data-knowledge-shell] .knowledge-callout-warning{border-color:#b22d31;background:#fff0f0;color:#732329}
[data-knowledge-shell] .knowledge-callout>strong{display:block;margin-bottom:6px}
[data-knowledge-shell] .knowledge-callout p:last-child{margin-bottom:0}
.knowledge-table{max-width:100%;overflow:auto;margin:20px 0}
[data-knowledge-shell] .knowledge-table table{display:table;width:100%;font-size:14px;border-collapse:collapse}
[data-knowledge-shell] .knowledge-table th,[data-knowledge-shell] .knowledge-table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.knowledge-table th{background:var(--soft);font-weight:650}
.knowledge-faq{border-bottom:1px solid var(--line)}
.knowledge-faq summary{display:list-item;cursor:pointer;padding:14px 0;color:var(--ink)}
[data-knowledge-shell] .knowledge-faq summary h3{display:inline;font-size:15px;margin:0;font-weight:650}
.knowledge-faq>div{padding:0 0 4px 18px}
@media(max-width:1100px){.knowledge-layout.container{grid-template-columns:210px minmax(0,1fr);gap:24px}[data-knowledge-shell] .reading-toc{grid-column:2;grid-row:1;position:static;max-height:none;border-left:0;padding:0 0 16px;border-bottom:1px solid var(--line)}[data-knowledge-shell] .guide-article{grid-column:2}[data-knowledge-shell] .guide-sidebar{grid-column:1;grid-row:1 / span 2}}
@media(max-width:680px){.knowledge-search.container,.knowledge-notice.container,.knowledge-layout.container{padding-inline:20px}.knowledge-search{padding-top:22px}.knowledge-search .search-form{flex-wrap:wrap}.knowledge-search .search-field{flex-basis:100%}.knowledge-layout.container{display:flex;flex-direction:column;gap:24px;padding-top:20px}[data-knowledge-shell] .guide-sidebar,[data-knowledge-shell] .reading-toc{position:static;width:100%;max-height:none;overflow:visible;border-right:0;border-left:0;padding:0 0 16px;border-bottom:1px solid var(--line)}[data-knowledge-shell] .guide-sidebar details{display:block}[data-knowledge-shell] .guide-sidebar{order:0}[data-knowledge-shell] .reading-toc{order:1}[data-knowledge-shell] .reading-toc details:not([open]) summary{margin:0}[data-knowledge-shell] .guide-article{order:2}[data-knowledge-shell] .reading-header h1{font-size:26px}[data-knowledge-shell] .guide-body h2{font-size:21px}[data-knowledge-shell] .guide-body h2,[data-knowledge-shell] .guide-body h3{scroll-margin-top:90px}}
@media print{.knowledge-search,.knowledge-notice,[data-knowledge-shell] .guide-sidebar,[data-knowledge-shell] .reading-toc,.knowledge-share{display:none}.knowledge-layout.container{display:block;padding:0}[data-knowledge-shell] .guide-body{font-size:11pt}.knowledge-faq>div{display:block!important}}

/* Native compact navigation keeps the article near the top of narrow screens. */
[data-knowledge-shell] .knowledge-browser{min-width:0;position:sticky;top:112px;max-height:calc(100vh - 132px);overflow:auto;align-self:start;border-right:1px solid var(--line);padding-right:20px}
[data-knowledge-shell] .knowledge-browser>summary{font-size:14px;font-weight:650;min-height:44px;cursor:pointer;padding:10px 0;line-height:1.6}
[data-knowledge-shell] .knowledge-browser .guide-sidebar{position:static;max-height:none;overflow:visible;border:0;padding:0}
@media(max-width:1100px){[data-knowledge-shell] .knowledge-browser{grid-column:1;grid-row:1 / span 2}}
@media(max-width:680px){[data-knowledge-shell] .knowledge-browser{position:static;width:100%;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:0;order:0}[data-knowledge-shell] .knowledge-browser>summary{padding:10px 0}[data-knowledge-shell] .knowledge-browser .guide-sidebar{border:0;padding-bottom:16px}[data-knowledge-shell] .reading-toc{padding-bottom:0}[data-knowledge-shell] .reading-toc summary{min-height:44px;padding:10px 0;margin:0}[data-knowledge-shell] .reading-toc details[open]{padding-bottom:16px}}
@media print{[data-knowledge-shell] .knowledge-browser{display:none}}

[data-knowledge-shell] .knowledge-browser>summary,[data-knowledge-shell] .reading-toc details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
[data-knowledge-shell] .knowledge-browser>summary .icon,[data-knowledge-shell] .reading-toc summary .icon{width:16px;height:16px;flex:none}
[data-knowledge-shell] .knowledge-browser[open]>summary .icon,[data-knowledge-shell] .reading-toc details[open]>summary .icon{transform:rotate(180deg)}

/* Knowledge navigation: search and categories share one persistent left rail. */
.knowledge-layout.container{grid-template-columns:300px minmax(0,1fr) 220px;gap:28px}
.knowledge-reader-column{min-width:0}
[data-knowledge-shell] .knowledge-navigation{position:sticky;top:112px;display:flex;flex-direction:column;max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px);overflow:visible;align-self:start;min-width:0;border-right:1px solid var(--line);padding-right:20px;color:var(--ink)}
[data-knowledge-shell] .knowledge-navigation .knowledge-browser{position:static;align-self:stretch;flex:0 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;border:0;padding:0}
[data-knowledge-shell] .knowledge-navigation .search-form{display:block;flex:none;margin:0 0 14px;padding:0;background:none;border-radius:0;width:100%;max-width:none}
[data-knowledge-shell] .search-form label{display:block;font-size:12px;font-weight:650;margin-bottom:6px;color:var(--ink)}
.knowledge-search-controls{display:flex;align-items:center;border:1px solid var(--muted);border-radius:6px;padding:2px;background:white}
.knowledge-search-controls:has(:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}
[data-knowledge-shell] .knowledge-search-controls .search-input{display:flex;align-items:center;gap:8px;padding-left:9px;min-width:0;flex:1;border:0;background:none;outline:none;box-shadow:none}
[data-knowledge-shell] .knowledge-search-controls input{width:100%;min-width:0;min-height:40px;padding:7px 0;font-size:13px;border:0;background:none;outline:none;color:var(--ink)}
.knowledge-search-controls .icon{width:16px;height:16px;flex:none}
.knowledge-search-submit{min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:4px;color:var(--ink);background:var(--soft)}
[data-knowledge-shell] .knowledge-search-submit:focus-visible{outline:none}
[data-knowledge-shell] .search-form .text-button{font-size:12px;min-height:36px;margin-top:4px}
[data-knowledge-shell] .guide-sidebar details{padding-block:4px}
[data-knowledge-shell] .guide-sidebar summary{padding-block:7px;min-height:38px;color:var(--ink)}
[data-knowledge-shell] .guide-sidebar a{padding-block:7px;min-height:36px;color:var(--ink)}
[data-knowledge-shell] .guide-sidebar .guide-home{margin-bottom:8px;min-height:36px}
[data-knowledge-shell] .guide-sidebar .guide-collection-link{font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.knowledge-search-results{font-size:13px;color:var(--ink)}
.knowledge-search-results [role=status]:empty,.knowledge-notice:empty{display:none}
.knowledge-search-results [data-knowledge-results]{max-height:420px;overflow:auto;margin-bottom:20px;border-bottom:1px solid var(--line)}
.knowledge-search-results ul{list-style:none;margin:0;padding:0}
.knowledge-search-results li{padding:12px 0;border-top:1px solid var(--line)}
.knowledge-search-results a{font-weight:650;text-decoration:underline}
.knowledge-search-results p{margin:6px 0 12px;color:var(--muted)}
[data-knowledge-shell] [aria-busy=true]{opacity:1}
[data-knowledge-shell] .knowledge-collection-list{list-style:none;padding:0;margin:0}
[data-knowledge-shell] .knowledge-collection-list li{padding:18px 0;margin:0;border-bottom:1px solid var(--line)}
[data-knowledge-shell] .knowledge-collection-list h2{border:0;padding:0;margin:0 0 8px;font-size:18px}
[data-knowledge-shell] .knowledge-collection-list p{margin:0}
@media(max-width:1100px){.knowledge-layout.container{grid-template-columns:280px minmax(0,1fr);gap:24px}[data-knowledge-shell] .knowledge-navigation{grid-column:1;grid-row:1 / span 2}.knowledge-reader-column{grid-column:2;grid-row:2}}
@media(max-width:680px){.knowledge-layout.container{display:flex;gap:18px}[data-knowledge-shell] .knowledge-navigation{position:static;max-height:none;width:100%;overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:0;order:0}[data-knowledge-shell] .knowledge-navigation .search-form{margin-bottom:8px}[data-knowledge-shell] .knowledge-navigation .knowledge-browser{border-bottom:0;flex:none;overflow:visible;overscroll-behavior-y:auto}.knowledge-reader-column{order:2}[data-knowledge-shell] .guide-sidebar details{padding-block:2px}}
@media print{[data-knowledge-shell] .knowledge-navigation,.knowledge-search-results{display:none}}

[data-knowledge-shell] .knowledge-collection-toc{border:0;padding:0}
.vat-control { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; margin:16px auto 0; width:fit-content; cursor:pointer; }
.billing-row { flex-direction:column; align-items:center; }
.vat-control input { width:20px; height:20px; accent-color:var(--ink); }
.vat-control:has(input:disabled) { cursor:default; }