/* Owner-approved FO black, white and gold identity, October 27 2026. */
:root { --bg:#fff; --surface:#fff; --ink:#0a0a0a; --muted:#595959; --line:#dedede; --accent:#855900; --accent-soft:#fff7df; --note:#f5f5f3; }
.logo {display:inline-flex;align-items:center;flex:0 1 294px;max-width:100%;line-height:1;}
.logo img {display:block;width:294px;height:auto;max-width:100%;}
.footer-brand {display:inline-block;margin:0 0 20px;max-width:100%;}
.footer-brand img {width:245px;height:auto;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {outline-color:#855900;}
.front-hero {background:#0a0a0a;}
.front-copy .front-kicker,.front-deck {color:#dedede;}
.front-small {color:#bdbdbd;}
.front-kicker>span,.front-cta,.signup button {background:#fbbf24;color:#0a0a0a;}
.front-copy h1 em {color:#fbbf24;}
.front-cta:hover,.signup button:hover {background:#fcd56b;}
.long-view .front-cta {background:#0a0a0a;color:#fff;}
.signup .consent,.signup .fine {color:#dedede;}
.front-feature,th {background:#f4f4f1;}
tbody tr:nth-child(even),.card:hover {background:#faf8f0;}
.cost-card .card-art {background:#fff1c2;}
.membership-card .card-art {background:#f1eee7;}
.compare-card .card-art {background:#e9e9e9;}
.front-standard {border-top-color:#0a0a0a;}
.front-reading-list a:hover h3 {color:#855900;}
.buyer-comparison {--buyer-green:#0a0a0a;}
.buyer-comparison a:focus-visible,.buyer-comparison input:focus-visible,.buyer-comparison select:focus-visible {outline-color:#855900;}
.buyer-comparison>h2:first-of-type+p {background:#fff7df;border-left-color:#855900;}
@media(max-width:760px){.logo{flex-basis:260px;}.logo img{width:260px;}}

/* Dedicated comparison-page shell. */
:root{--ink-2:#3d3d3d;--green:#855900;--green-ink:#624100;--green-wash:#fff7df;--green-line:#dfc47b;--rule:#dedede;--rule-strong:#0a0a0a;}
.site-head{background:#0a0a0a;}.mark{display:block;flex:0 1 294px;max-width:100%;}.mark img{display:block;width:294px;max-width:100%;height:auto;}
.site-nav a{color:#ddd;}.site-nav.open{background:#0a0a0a;}
@media(max-width:767px){.mark{flex-basis:240px;}.mark img{width:240px;}.site-head .shell{gap:12px;}}

.author .mono{font-size:0;background:#0a0a0a url(/static/brand/fo-avatar-circle-400.png) center/contain no-repeat;}