body{--accent-green:#256a48;--accent-green-bg:#e6f3eb;--accent-orange:#95500c;--accent-orange-bg:#fff0dd;--accent-pink:#a33464;--accent-pink-bg:#fbe7f0}
body.dark{--accent-green:#9ad7b1;--accent-green-bg:#1a3025;--accent-orange:#efba80;--accent-orange-bg:#36291b;--accent-pink:#efa8c7;--accent-pink-bg:#35222c}
body{isolation:isolate}body:before{content:'';position:fixed;left:-45vw;top:-12vh;width:max(1100px,110vw);height:max(1100px,110vw);background:url('/assets/org-symbol.svg?v=refine8') center/contain no-repeat;opacity:.04;filter:none;pointer-events:none;z-index:-1}.dark:before{filter:invert(1);opacity:.035}
.tag,.home-explore .feature-card:first-child .tag{color:var(--accent-green);background:var(--accent-green-bg);border-color:transparent}.tag.tag-orange,.home-explore .tag.tag-orange{color:var(--accent-orange);background:var(--accent-orange-bg)}.tag.tag-pink,.home-explore .tag.tag-pink{color:var(--accent-pink);background:var(--accent-pink-bg)}.tag{padding:4px 10px;font-weight:550}
.stat:nth-child(1){border-top:2px solid var(--accent-green)}.stat:nth-child(2){border-top:2px solid var(--accent-orange)}.stat:nth-child(3){border-top:2px solid var(--accent-pink)}.stat:nth-child(1) b{color:var(--accent-green)}.stat:nth-child(2) b{color:var(--accent-orange)}.stat:nth-child(3) b{color:var(--accent-pink)}
.compare-options button[data-id=""]{color:var(--accent-pink);background:var(--accent-pink-bg);border-radius:5px;margin-bottom:5px;font-weight:600}.compare-options button[data-id=""]:before{content:'−';font-size:19px;margin-right:9px}.compare-options button[data-id=""]:hover{outline:1px solid var(--accent-pink);outline-offset:-1px}.compare-options button[aria-selected=true]:not([data-id=""]){color:var(--accent-green);background:var(--accent-green-bg)}#differences{accent-color:var(--accent-green)}.compare-slot:focus-within>label{color:var(--accent-green)}
.segmented{position:relative;isolation:isolate}.segmented.has-indicator:before{content:'';position:absolute;left:0;top:var(--choice-y,3px);width:var(--choice-width,0);height:var(--choice-height,44px);transform:translateX(var(--choice-x,3px));background:var(--accent-green-bg);border:1px solid var(--accent-green);border-radius:5px;z-index:-1;box-sizing:border-box;transition:transform .22s ease,width .22s ease}.segmented.has-indicator button[aria-pressed=true]{background:transparent;color:var(--accent-green);font-weight:650}.segmented button{transition:color .15s ease}.filter-btn.active{color:var(--accent-green);background:var(--accent-green-bg);border-color:var(--accent-green)}.toc a.active{border-left:2px solid var(--accent-green);background:var(--accent-green-bg);color:var(--accent-green)}
.action-primary,.action-secondary,.btn,.icon-btn,.read-action{transition:background-color .16s,border-color .16s,transform .16s}.action-primary:active,.action-secondary:active,.btn:active,.icon-btn:active{transform:translateY(1px)}.action-secondary:hover{border-color:var(--accent-green)}.home-explore .feature-card:first-child .story-bottom{align-self:start;grid-column:auto;grid-row:auto}
/* Native multi-page transitions retain ordinary links, history and static HTML. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .16s ease both}::view-transition-new(root){animation:page-in .18s ease both}
@keyframes page-out{to{opacity:0;transform:translateX(-10px)}}@keyframes page-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes content-in{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
main{animation:content-in .16s ease-out}.native-page-transition main{animation:none}html{scroll-behavior:smooth} .recommendation-track{scroll-behavior:smooth}.utilities small{display:none}
@media(max-width:850px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:90px}.utilities{position:fixed;z-index:80;left:0;right:0;bottom:0;display:flex;flex-direction:row;justify-content:center;gap:12px;height:calc(64px + env(safe-area-inset-bottom));padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -4px 18px #0000000a}.utilities .icon-btn{flex:1;max-width:140px;min-height:48px;height:48px;width:auto;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;font-size:21px}.utilities small{display:inline;font-family:inherit;font-size:13px}.utilities [data-top]{color:var(--accent-green);background:var(--accent-green-bg)}body:has(input:not([type="checkbox"]):not([type="radio"]):focus) .utilities,body:has(textarea:focus) .utilities{visibility:hidden;pointer-events:none}.mobile-toc div{max-height:max(80px,min(40dvh,300px,var(--toc-room,40dvh)));scrollbar-gutter:stable}body:before{width:max(780px,160vw);height:max(780px,160vw);left:-110vw;top:4vh}.home-explore .feature-card:first-child .story-bottom{align-self:start}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}main,::view-transition-old(root),::view-transition-new(root){animation:none!important}html,.recommendation-track{scroll-behavior:auto}.segmented.has-indicator:before{transition:none}.btn,.icon-btn,.action-primary,.action-secondary{transition:none}}

@media(max-width:850px){body.keyboard-open .utilities{visibility:hidden;pointer-events:none}.nav{max-height:calc(100dvh - 140px - env(safe-area-inset-bottom))}.compare-options{max-height:min(230px,var(--options-room,230px));overscroll-behavior:contain}.compare-options.opens-up{top:auto;bottom:100%}}
/* Keep focused controls above the shortcut bar, including a phone's home indicator. */
@media(max-width:850px){html{scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}.airport-plan-buy>a{scroll-margin-top:130px;scroll-margin-bottom:12px}}