/* Direction A: applied to every page in the isolated preview. Existing layout remains functional. */
:root{--ink:#323825;--muted:#626852;--lavender:#e4e8d2;--lilac:#c7cfa7;--peach:#e9d5c1;--green:#626b3c;--line:#d7d3c4;--paper:#f5f0e7;--da-cream:#f5f0e7;--da-white:#fffdf8;--da-sand:#e9d5c1;--da-sage:#e4e8d2;--da-olive:#323825}
body.da-olive{background:var(--da-cream);color:var(--ink)}
.da-olive .da-preview-bar{position:relative;inset:auto;width:auto;height:auto;min-height:0;margin:0;transform:none;background:#e4e8d2;color:#323825;display:flex;flex-direction:row;justify-content:space-between;gap:18px;align-items:center;padding:9px 28px;font:500 12px/1.4 var(--sans);border-bottom:1px solid #c7cfa7}
.da-olive .da-preview-bar a{font:inherit;padding:0}
.da-preview-bar div{display:flex;gap:22px}.da-preview-bar a{text-decoration:underline;text-underline-offset:3px}
.da-olive .site-header{background:var(--da-cream)}
.da-olive .site-brand,.da-olive .site-brand-word{color:var(--ink)}
.da-olive .site-brand-mark{border-radius:24%}
.da-olive .market-trigger,.da-olive .locale-trigger{background:var(--da-white);border-color:var(--line)}
.da-olive .mega-panel{background:var(--da-white);border-color:var(--line);box-shadow:0 16px 35px #32382514}
.da-olive :is(a,button,input,summary):focus-visible{outline:3px solid #626b3c;outline-offset:4px}
.da-olive .button{border-radius:9px}
.da-olive .button.dark{background:var(--ink);color:var(--da-cream)}
.da-olive .button.dark:hover{background:#4d5733}
.da-olive .hero{background:var(--da-olive);border-radius:26px;overflow:hidden}
.da-olive .hero-copy{color:var(--da-cream);padding-top:66px;padding-bottom:58px}
.da-olive .hero-copy :is(h1,.eyebrow){color:var(--da-cream)}
.da-olive .hero-copy>p:not(.eyebrow){color:#e4e8d2}
.da-olive .hero-copy h1{font-weight:450;letter-spacing:-.055em}
.da-olive .hero-copy .button.dark{background:var(--da-sand);color:var(--ink);border-color:var(--da-sand)}
.da-olive .hero-copy .button.dark:hover{background:#f0decc}
.da-olive .hero-copy .inline-link{color:var(--da-cream)}
.da-olive .hero-copy .hero-footnote{color:#d9dfc7;font-size:12px}
.da-olive .hero-copy :is(a,button):focus-visible{outline-color:var(--da-sand)}
.da-olive .hero-visual{background:var(--da-sand);border-radius:180px 180px 16px 16px;margin:24px 24px 24px 0;min-height:552px}
.da-olive .photo-note{background:var(--da-sand);color:var(--ink);box-shadow:none;border:1px solid #32382515;border-radius:12px}
.da-olive .photo-note .note-icon{background:var(--ink);color:var(--da-sand)}
.da-olive .image-label{background:#fffdf8e8;color:var(--ink);top:18px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;border-radius:6px}
.da-olive .need-card{background:var(--da-sage);border:1px solid #32382512;border-radius:18px}
.da-olive .need-card:nth-child(2){background:#eeeee2}
.da-olive .need-card:nth-child(3){background:#eee0d2}
.da-olive .need-card:nth-child(4){background:#e4e8d2}
.da-olive .need-card:hover{background:#dbe1c8}
.da-olive .need-icon{background:#fffdf8b3;border-radius:12px}
.da-olive .latest-card{border-top-color:#9ba77c}
.da-olive .review-card{background:var(--da-white);border-color:var(--line);border-radius:18px}
.da-olive .review-card:hover{background:#eeeee2;border-color:#626b3c}
.da-olive .review-detail{color:var(--muted)}
.da-olive .comparison-card{background:#eee0d2;border-radius:20px}
.da-olive .comparison-card:nth-child(2){background:var(--da-sage)}
.da-olive .resource-feature{background:var(--da-olive);color:var(--da-cream);border-radius:20px}
.da-olive .resource-feature>p{color:var(--da-sage)}
.da-olive .resource-feature .card-action{color:var(--da-cream)}
.da-olive .resource-row .need-icon{background:var(--da-sage)}
.da-olive .voice-card{background:var(--da-white);border-color:var(--line);border-radius:18px}
.da-olive .voice-card:nth-child(2){background:#eeeee2;border-color:var(--line)}
.da-olive .voice-card:nth-child(3){background:#eee0d2;border-color:var(--line)}
.da-olive .rich-footer{background:var(--da-olive);color:var(--da-cream);border-color:#60684a;box-shadow:none}
.da-olive .rich-footer .site-brand{color:var(--da-cream)}
.da-olive .rich-footer .site-brand-word{color:var(--da-cream)}
.da-olive .rich-footer :is(a,button):focus-visible{outline-color:var(--da-sand)}
.da-olive .time-guide-top{background:var(--da-sage);border-bottom:1px solid var(--line)}
.da-olive .time-guide-hero{padding-top:36px;padding-bottom:48px;gap:64px}
.da-olive .time-guide-hero h1{font-size:clamp(42px,4.5vw,68px);font-weight:450;letter-spacing:-.045em;line-height:1.05;max-width:780px}
.da-olive .time-guide-hero .intro{color:#535b43;max-width:680px;font-size:17px}
.da-olive .time-guide-hero .identity{background:var(--da-white);border:1px solid #cbd1ba;border-radius:90px 90px 18px 18px;padding:48px 34px 32px}
.da-olive .time-guide-hero .identity h2{font-weight:450;letter-spacing:-.03em}
.da-olive .time-guide-hero .identity-logos{background:var(--da-white);padding:0 6px}
.da-olive .bht-video video{border:1px solid var(--line);border-radius:20px}
.da-olive .bht-video-note,.da-olive .bht-refresh .refresh-date,.da-olive .bht-refresh figcaption{color:var(--muted)}
.da-olive .bht-video details{border-color:var(--line);background:var(--da-white)}
.da-olive .verdict{border-color:var(--line)}
.da-olive .verdict h2{font-weight:450;letter-spacing:-.025em}
.da-olive .affiliate-option{background:var(--da-white);border-color:var(--line)}
.da-olive .affiliate-option:hover{background:#ecefdc;border-color:#626b3c}
.da-olive .table-scroll,.da-olive .refresh-table{background:var(--da-white);border-color:var(--line);border-radius:14px}
.da-olive :is(.table-scroll,.refresh-table) th{background:var(--da-sage);color:var(--ink)}
.da-olive :is(.table-scroll,.refresh-table) td{border-color:var(--line)}
.da-olive .refresh-table caption{color:var(--ink);background:var(--da-white)}
.da-olive .refresh-table tbody tr:nth-child(even){background:#f5f0e766}
.da-olive .worked-cost,.da-olive .next-step{background:var(--da-sage);border-radius:18px}
.da-olive .scope-grid>div{background:var(--da-white);border:1px solid var(--line);border-radius:18px}
.da-olive .voice{background:#eee0d2;border-radius:18px}
.da-olive .bht-refresh a[href*="/downloads/refresh/"]{background:var(--ink);color:var(--da-cream);border-radius:9px}
.da-olive [data-sticky-provider-cta]{background:var(--da-white);border-color:var(--line)}
@media(max-width:1000px){.da-olive .hero-copy{padding:46px 35px}.da-olive .hero-visual{min-height:520px;border-radius:120px 120px 16px 16px}.da-olive .time-guide-hero{gap:32px}}
@media(max-width:760px){.da-olive .da-preview-bar{padding:8px 16px;font-size:10px;gap:10px}.da-preview-bar div{gap:14px}.da-preview-bar a:last-child{display:none}.da-olive .hero{border-radius:22px}.da-olive .hero-copy{padding:38px 28px}.da-olive .hero-visual{margin:0 16px 16px;min-height:360px;height:360px;border-radius:130px 130px 14px 14px}.da-olive .hero-copy>p:not(.eyebrow){font-size:16px}.da-olive .time-guide-hero{padding-top:24px;padding-bottom:32px}.da-olive .time-guide-hero .identity{padding:38px 28px 26px;border-radius:70px 70px 18px 18px}.da-olive .time-guide-hero h1{font-size:44px}.da-olive .time-guide-hero .intro{font-size:16px}}
@media(max-width:370px){.da-olive .hero-copy{padding:32px 22px}.da-olive .time-guide-hero h1{font-size:39px}.da-olive .da-preview-bar{font-size:9px;padding-inline:10px}.da-preview-bar div{gap:9px}}
@media(prefers-reduced-motion:reduce){.da-olive *{scroll-behavior:auto;transition:none;animation:none}}

/* Refinement: one surface, spacing and shape system across all templates. */
.da-olive{--da-radius-card:18px;--da-radius-control:10px;--da-card-padding:28px}
.da-olive .header-shell,.da-olive .site-header{background:var(--da-cream);border-color:var(--line)}
.da-olive .footer-surround{background:var(--da-cream);margin-top:64px;padding:32px 24px 24px}
.da-olive .rich-footer{border-radius:26px}
.da-olive :is(.button,.footer-directory,.region-button,.affiliate-option,.dock-link){border-radius:var(--da-radius-control)}
.da-olive .footer-directory{border-color:#a4ad8c;color:var(--da-cream)}
.da-olive .footer-directory:hover{background:#4d5733}
.da-olive :is(.panel-footer,.nav-feature.feature-software){background:var(--da-sand)}
.da-olive .nav-feature.feature-workflows{background:var(--da-sage)}
.da-olive .region-button{background:var(--da-white);border-color:var(--line);min-height:44px}
.da-olive .home-section,.da-olive .customer-voices{padding-block:64px}
.da-olive .resources-section{margin-top:0}
.da-olive :is(.need-card,.review-card,.voice-card,.comparison-card,.resource-feature){padding:var(--da-card-padding);border-radius:var(--da-radius-card)}
.da-olive .need-card:nth-child(n){background:var(--da-sage);border:1px solid #cbd1ba}
.da-olive .need-card:hover{background:#dbe1c8}
.da-olive .voice-card:nth-child(n){background:var(--da-white);border:1px solid var(--line)}
.da-olive .comparison-card:nth-child(n){background:var(--da-sage);border:1px solid #cbd1ba}
.da-olive .comparison-card:hover{background:#dbe1c8}
.da-olive .comparisons-section .comparison-card h3{max-width:none;font-size:32px;line-height:1.15}
.da-olive .latest-card h3{margin-top:16px}
.da-olive .resource-feature{padding:32px}
.da-olive .method-banner{background:var(--da-white);border:1px solid var(--line);border-radius:var(--da-radius-card);padding:32px}
.da-olive .affiliate-offers,.da-olive .customer-voice-link{background:var(--da-sage);border-color:#cbd1ba;border-radius:var(--da-radius-card);padding:var(--da-card-padding)}
.da-olive .voice-link-icon{background:#c7cfa7;color:var(--ink);border-radius:var(--da-radius-control)}
.da-olive .bht-video video{background:var(--da-olive);border-radius:var(--da-radius-card)}
.da-olive .bht-video details{border-radius:var(--da-radius-control)}
.da-olive :is(.table-scroll,.refresh-table){border-radius:var(--da-radius-control)}
.da-olive .article-body>figure>img{background:var(--da-sage);border-radius:var(--da-radius-card)}
.da-olive :is(.affiliate-label small,.dock-disclosure,.bht-video-note){color:var(--muted)}
.da-olive .provider-dock{border-radius:var(--da-radius-card);box-shadow:0 8px 28px #32382518}
.da-olive .article-body :is(h2,h3),.da-olive [id]{scroll-margin-top:120px}
/* Shared editorial templates: consistent surfaces and native form controls. */
.da-olive :is(.guide-top,.article-top,.resource-top,.category-top,.recruiting-top,.time-top,.review-top,.practice-top,.hub-top,.switch-top,.comparison-top){background:var(--da-sage);border-bottom:1px solid var(--line)}
.da-olive :is(.guide-hero,.category-hero,.recruiting-hero,.review-hero,.time-hero) :is(.identity,.decision-note,.workforce-art,.review-identity,.brief){background:var(--da-white);border:1px solid #cbd1ba;border-radius:60px 60px 18px 18px}
.da-olive :is(.resource-card,.prompt-card,.worksheet,.decision-note,.quick-take){border-radius:var(--da-radius-card);border-color:var(--line)}
.da-olive :is(.next-step,.review-next,.resource-help,.resource-band){border-radius:var(--da-radius-card)}
.da-olive :is(input,select,textarea){accent-color:#626b3c;color:var(--ink);font-family:var(--sans)}
.da-olive :is(select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden])){height:52px;min-height:52px;box-sizing:border-box;font-size:16px;border-radius:var(--da-radius-control);background-color:var(--da-white);border-color:var(--line)}
.da-olive select{padding-block:10px;padding-right:34px;max-width:100%}
.da-olive textarea{border-radius:var(--da-radius-control);border-color:var(--line);background:var(--da-white)}
@media(max-width:760px){
 .da-olive{--da-card-padding:24px}
 .da-olive .home-section,.da-olive .customer-voices{padding-block:44px}
 .da-olive .footer-surround{margin-top:44px;padding:24px 14px 20px}
 .da-olive .rich-footer{border-radius:22px}
 .da-olive .resource-feature,.da-olive .method-banner{padding:24px}
 .da-olive .comparisons-section .comparison-card h3{font-size:29px}
 .da-olive .provider-dock{border-radius:14px}
 .da-olive .article-body :is(h2,h3),.da-olive [id]{scroll-margin-top:100px}
}