/* Office Politics production polish — mobile-first, accessible and intentionally restrained. */
:root{color-scheme:light}
html{scroll-padding-top:18px}
body{overflow-wrap:break-word;text-rendering:optimizeLegibility}
img,svg,video{max-width:100%;height:auto}
a{text-underline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #df7f6a!important;outline-offset:4px}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,.btn,.option{touch-action:manipulation}
#offer,#inside,#method{scroll-margin-top:18px}
.btn{white-space:normal;text-wrap:balance}
.wrap>*{min-width:0}
.hero>*,.offer>*,.pair>*,.free .preview>*,.grid3>*,.grid2>*,.foot>*{min-width:0}
.product .btn{width:100%;min-height:56px}
.product .price{font-variant-numeric:tabular-nums}
.product .small{line-height:1.7}
.product{box-shadow:0 5px 24px rgba(16,40,25,.055)}
.btn:active{transform:translateY(0)}
.faq summary{list-style:none;position:relative;padding-right:27px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:0;color:#486653;font-size:25px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details[open] summary{margin-bottom:9px}
.faq details{transition:border-color .15s ease}
.faq details:hover{border-color:#94ab9a}
.footlinks a{line-height:1.7;display:inline-block}
.quote p,.exchange p{text-wrap:pretty}
.eyebrow{word-break:normal}
@media(max-width:850px){.hero{gap:37px}.dialogue{box-shadow:8px 8px 0 #cfc3f2}}
@media(max-width:430px){
.nav{min-width:0}.nav .wrap{gap:8px}.nav .logo{font-size:17px;letter-spacing:-.065em;max-width:50vw}
.nav .links{gap:0}.nav .links .btn{font-size:13px;padding:10px 12px;min-height:44px;letter-spacing:-.01em}
.hero h1{font-size:clamp(42px,12vw,56px)}
.hero{gap:29px}.hero p{font-size:19px}
.dialogue .exchange p{font-size:19px}
.actions{gap:10px}
.price{font-size:56px}
.footlinks{gap:12px 16px}
}
@media(max-width:350px){.nav .logo{font-size:15px}.nav .links .btn{font-size:12px;padding:9px 10px}.wrap{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{.top,nav,.final,.actions,footer,.btn{display:none!important}body{background:#fff;color:#111}.wrap{width:100%}.block{padding:24px 0!important}.product{box-shadow:none;border:1px solid #555}}
/* Consistent, calmer legal pages using existing .sitebar/.brand/.wrap structure */
.sitebar{background:#fff;border-bottom:1px solid #d4ded5}
.sitebar .brand{font-size:24px;letter-spacing:-.065em;color:#233a30}
.sitebar .brand span{color:#d47362}
.sitebar .back{font-size:15px!important;text-decoration:underline}
.sitebar a:focus-visible{outline-offset:5px}
main .note{border-radius:14px}
main .links{gap:12px 18px}
main .links a{font-size:16px!important;line-height:1.6}