/* serbiuserr: sand & olive editorial */
:root{--sand:#f3ece0;--sand2:#ebe2d1;--sand3:#e0d4bf;--rule:#cfc2a8;--ink:#2b2b2b;--ink2:#55524b;--olive:#6b7a3c;--olive2:#83924f;--olive-l:#e6e8d3;--rust:#b5562f;--olive-t:#56632e;--rust-t:#9c4826;--white:#fff;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:72px;--s6:88px;
--serif:"Lora",Georgia,"Times New Roman",serif;--sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:17.5px;line-height:1.7;overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--olive-t);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rust-t)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0}
em{font-style:italic}
.su-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 28px}
.su-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--sand);padding:8px 14px;z-index:99}
.su-skip:focus{left:8px}
:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
/* strip + header */
.su-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 26px;padding:8px 16px;background:var(--olive-t);color:var(--sand);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.su-strip span+span::before{content:"";display:inline-block;width:5px;height:5px;background:var(--sand);opacity:.6;margin-right:26px;vertical-align:middle;transform:translateY(-1px) rotate(45deg)}
.su-head{position:sticky;top:0;z-index:40;background:rgba(243,236,224,.96);border-bottom:1px solid var(--rule);box-shadow:0 3px 0 -2px var(--rule)}
.su-head-in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.su-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.su-mark{width:34px;height:34px;flex:none}
.su-word{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:-.01em}
.su-word em{color:var(--olive-t);font-weight:600}
.su-nav{display:flex;gap:4px}
.su-nav a{font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;padding:8px 14px;border-bottom:2px solid transparent}
.su-nav a:hover{color:var(--olive-t);border-bottom-color:var(--olive)}
.su-nav a[aria-current="page"]{border-bottom-color:var(--rust)}
.su-burger{display:none;width:44px;height:44px;border:1px solid var(--rule);background:var(--white);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:7px}
.su-burger span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .2s}
.su-burger[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.su-burger[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
/* hero cover */
.su-hero{padding:56px 0 var(--s5);border-bottom:1px solid var(--rule)}
.su-cover{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0}
.su-cover-l{padding-right:48px;border-right:3px double var(--olive);display:flex;flex-direction:column;justify-content:flex-start}
.su-cover-r{padding-left:44px;display:flex;flex-direction:column;gap:20px}
.su-eyebrow{align-self:flex-start;display:inline-flex;gap:10px;align-items:center;border:1px solid var(--olive);border-radius:999px;padding:5px 14px 5px 5px;font-size:14px;color:var(--olive-t);font-weight:500;margin-bottom:22px;background:var(--white)}
.su-eyebrow b{background:var(--olive-t);color:var(--sand);border-radius:999px;padding:2px 10px;font-weight:600}
.su-hero h1{font-size:clamp(42px,8.4vw,112px);line-height:.96;letter-spacing:-.025em;font-weight:700}
.su-h1a,.su-h1b{display:block}
.su-h1b{font-style:italic;color:var(--rust-t);font-weight:600}
.su-lede{margin:0;font-size:18px;line-height:1.7;color:var(--ink);max-width:46ch}
.su-lede em{font-family:var(--serif);color:var(--olive-t);font-size:1.06em}
.su-btns{display:flex;flex-wrap:wrap;gap:10px}
.su-btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--sand);text-decoration:none;font:600 15.5px var(--sans);padding:13px 22px;border:2px solid var(--ink);border-radius:2px;cursor:pointer}
.su-btn:hover{background:var(--olive-t);border-color:var(--olive-t);color:var(--sand)}
.su-btn-line{background:transparent;color:var(--ink)}
.su-btn-line:hover{background:var(--ink);border-color:var(--ink);color:var(--sand)}
.su-arw{width:18px;height:18px;flex:none}
.su-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.su-trust li{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;background:var(--olive-l);color:#46521f;padding:5px 12px;border-radius:999px}
.su-trust svg{width:15px;height:15px}
.su-upd{margin:0;font-size:14px;color:var(--ink2);letter-spacing:.03em}
.su-art{max-width:280px}
.su-emblem{display:block;width:100%;height:auto}
/* section heads */
.su-kicker{display:inline-block;font:600 12.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--olive-t);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--olive)}
.su-list{padding:var(--s5) 0 var(--s4)}
.su-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:36px}
.su-list-head h2{font-size:clamp(28px,3.6vw,40px)}
.su-stamp{margin:6px 0 0;font-size:14px;color:var(--ink2)}
.su-jump{position:relative;min-width:260px}
.su-jump summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;background:var(--white);border:1px solid var(--ink);font-weight:600;font-size:15px}
.su-jump summary::-webkit-details-marker{display:none}
.su-jump summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.su-jump[open] summary::after{transform:rotate(-135deg)}
.su-jump ol{list-style:none;margin:0;padding:6px 0;position:absolute;right:0;left:0;top:100%;z-index:20;background:var(--white);border:1px solid var(--ink);border-top:0;box-shadow:0 14px 26px rgba(43,43,43,.14)}
.su-jump a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 16px;color:var(--ink);text-decoration:none;font-size:15px}
.su-jump a:hover{background:var(--sand)}
.su-jump i{font-family:var(--serif);color:var(--olive-t);min-width:20px;font-weight:600}
/* rows */
.su-rows{display:flex;flex-direction:column;gap:32px}
.su-row{background:var(--white);border:1px solid var(--rule);scroll-margin-top:90px}
.su-row-1{border:2px solid var(--rust);box-shadow:6px 6px 0 var(--sand3)}
.su-edge{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:8px}
.su-tag{display:inline-block;padding:7px 16px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sand);background:var(--olive-t)}
.su-row-1 .su-tag{background:var(--rust-t)}
.su-ribbon{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--olive-l);color:#46521f;font-size:13px;font-style:italic;font-family:var(--serif)}
.su-ribbon svg{width:16px;height:16px;flex:none}
.su-grid{display:grid;grid-template-columns:118px minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,1fr) 170px;gap:32px;align-items:center;padding:34px 38px 38px}
.su-mono{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;color:var(--sand);border:4px double var(--sand)}
.su-mono b{font-family:var(--serif);font-style:italic;font-size:34px;line-height:1}
.su-mono span{font-size:12.5px;font-weight:600;margin-top:6px;line-height:1.2}
.su-mono small{font-size:12px;letter-spacing:.04em}
.su-m1{background:var(--rust-t)}.su-m2{background:var(--ink)}.su-m3{background:var(--olive-t)}.su-m4{background:#7a5f38}.su-m5{background:#4f5a2b}
.su-m6{background:#7d4a32}.su-m7{background:#3f3d38}.su-m8{background:#636845}.su-m9{background:#8a5130}.su-m10{background:#5b6b47}
.su-num{display:block;font-family:var(--serif);font-style:italic;font-weight:600;font-size:54px;line-height:.9;color:var(--olive-t)}
.su-row-1 .su-num{color:var(--rust-t)}
.su-id h3{font-size:23px;margin-top:4px}
.su-line{margin:8px 0 10px;color:var(--ink2);font-size:16px;line-height:1.55}
.su-loc{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500}
.su-loc svg{width:16px;height:16px;color:var(--olive)}
.su-chips{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.su-chips li{font-size:12.5px;padding:3px 10px;border:1px solid var(--rule);color:var(--ink2)}
.su-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.su-facts li{display:flex;align-items:baseline;gap:6px;font-size:15px;line-height:1.4}
.su-fk{color:var(--ink2);flex:none}
.su-dots{flex:1 1 18px;min-width:18px;border-bottom:2px dotted var(--rule);transform:translateY(-4px)}
.su-fv{font-weight:600;text-align:right;max-width:62%}
.su-quote{margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--olive)}
.su-quote span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-bottom:4px}
.su-quote p{margin:0;font-family:var(--serif);font-style:italic;font-weight:600;font-size:22px;line-height:1.25;color:var(--olive-t)}
.su-quote p::before{content:"\201C"}.su-quote p::after{content:"\201D"}
.su-act{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.su-more{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:4px 0;cursor:pointer;font:600 16.5px var(--sans);color:var(--ink);border-bottom:2px solid var(--ink);text-align:left}
.su-more .su-arw{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--ink);color:var(--sand);transition:transform .25s}
.su-more:hover{color:var(--rust-t);border-bottom-color:var(--rust-t)}
.su-more:hover .su-arw{background:var(--rust-t);transform:translateX(3px)}
.su-row.is-open .su-more .su-arw{transform:rotate(90deg)}
.su-off{font-size:14px;color:var(--ink2)}
.su-rev{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.su-row.is-open .su-rev{grid-template-rows:1fr}
.su-rev-clip{overflow:hidden;min-height:0}
.su-rev-in{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;padding:32px 0 36px;border-top:1px dashed var(--rule);margin:0 38px}
.su-rev-body h4{font-size:21px;margin-bottom:10px}
.su-rev-body p{margin:0 0 16px;font-size:17px;line-height:1.7;max-width:68ch}
.su-best{background:var(--sand);border-left:3px solid var(--rust);padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.su-best b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--rust-t)}
.su-glance{background:var(--olive-l);padding:20px 22px;align-self:start}
.su-glance h4{font-size:18px;margin-bottom:10px;font-style:italic}
.su-glance dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14.5px}
.su-glance dt{color:#46521f;font-weight:600}
.su-glance dd{margin:0;overflow-wrap:anywhere}
/* info */
.su-info{padding:var(--s5) 0 var(--s5)}
.su-info h2{font-size:clamp(26px,3.2vw,36px);margin-bottom:26px}
.su-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--olive)}
.su-blk{padding:26px 30px 26px 0;border-bottom:1px solid var(--olive)}
.su-blk:nth-child(even){padding:26px 0 26px 30px;border-left:1px solid var(--olive)}
.su-sq{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--olive-t);color:var(--sand);margin-bottom:12px}
.su-sq svg{width:19px;height:19px}
.su-blk h3{font-size:21px;margin-bottom:8px}
.su-blk p{margin:0;color:var(--ink);font-size:17px;line-height:1.7;max-width:60ch}
.su-fine{padding:0 0 var(--s5)}
.su-fine p{margin:0;font-size:14.5px;line-height:1.7;max-width:90ch;color:var(--ink2);border-top:3px double var(--rule);padding-top:18px}
/* footer */
.su-foot{background:var(--sand2);border-top:3px double var(--olive);padding:64px 0 28px}
.su-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0}
.su-foot-grid>div{padding:0 28px}
.su-foot-grid>div:first-child{padding-left:0}
.su-foot-grid>div+div{border-left:1px solid var(--olive)}
.su-foot p{font-size:15px;line-height:1.65;color:var(--ink2)}
.su-foot h4{font-family:var(--sans);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive-t);margin:0 0 10px;font-weight:600}
.su-foot ul{list-style:none;margin:0 0 18px;padding:0}
.su-foot li{margin:0 0 6px}
.su-foot li a{color:var(--ink);text-decoration:none;font-size:15px}
.su-foot li a:hover{color:var(--rust-t);text-decoration:underline}
.su-foot li i{font-family:var(--serif);color:var(--olive-t)}
.su-age{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink2);font-size:14px;line-height:1.35}
.su-age b{flex:none;width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--rust-t);color:var(--rust-t);border-radius:50%;font-size:14px}
.su-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:30px;padding-top:16px;border-top:1px solid var(--olive);font-size:13px;color:var(--ink2)}
/* cookie */
.su-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-left:auto;background:var(--white);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--olive);padding:18px 20px;display:none}
.su-cookie.is-on{display:block}
.su-cookie p{margin:0 0 12px;font-size:14px}
.su-cookie-btns{display:flex;gap:8px;flex-wrap:wrap}
.su-cookie button{font:600 14.5px var(--sans);min-height:44px;padding:9px 18px;cursor:pointer;border:2px solid var(--ink)}
.su-c-ok{background:var(--ink);color:var(--sand)}
.su-c-min{background:transparent;color:var(--ink)}
/* inner pages: magazine article */
.su-page{padding:56px 0 var(--s6)}
.su-art-head{max-width:820px;padding-bottom:32px;margin-bottom:48px;border-bottom:1px solid var(--olive)}
.su-art-head h1{font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.02em;margin:10px 0 18px;font-weight:700}
.su-art-head h1 em{color:var(--rust-t);font-weight:600}
.su-stand{margin:0;font-family:var(--serif);font-size:21px;line-height:1.55;color:var(--ink2);max-width:58ch}
.su-stand a{color:var(--olive-t)}
.su-art-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px;align-items:start}
.su-article{max-width:68ch}
.su-gist{background:var(--white);border-left:3px solid var(--olive);padding:18px 22px;margin-bottom:40px}
.su-gist b{display:block;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive-t);margin-bottom:4px}
.su-gist p{margin:0;font-size:17.5px;line-height:1.65}
.su-sec{margin-bottom:44px;scroll-margin-top:96px}
.su-sec:last-child{margin-bottom:0}
.su-sec h2{font-style:italic;font-weight:600;font-size:clamp(24px,2.6vw,29px);line-height:1.25;margin:0 0 14px;display:flex;gap:14px;align-items:baseline}
.su-sn{font-family:var(--sans);font-style:normal;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--olive-t);border:1px solid var(--olive);padding:2px 7px;flex:none;transform:translateY(-3px)}
.su-sec p,.su-sec li{font-size:17.5px;line-height:1.72}
.su-sec p{margin:0 0 16px}
.su-sec ul{padding-left:22px;margin:0 0 16px}
.su-sec li{margin-bottom:8px}
.su-article>.su-sec:first-of-type p:first-of-type::first-letter{float:left;font-family:var(--serif);font-weight:700;font-size:4.1em;line-height:.82;padding:6px 10px 0 0;color:var(--rust-t)}
.su-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.su-toc{background:var(--white);border:1px solid var(--rule);border-top:3px solid var(--olive);padding:20px 22px}
.su-toc h2{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--olive-t);margin:0 0 10px}
.su-toc ol{list-style:none;margin:0;padding:0}
.su-toc a{display:flex;gap:10px;padding:7px 0;font-size:15.5px;line-height:1.4;color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--rule)}
.su-toc li:last-child a{border-bottom:0}
.su-toc a span{font-size:13px;color:var(--olive-t);font-weight:600;min-width:20px;padding-top:1px}
.su-toc a:hover{color:var(--rust-t)}
.su-rev-note{margin:0;font-size:14px;color:var(--ink2);padding-left:22px}
.su-rev-note b{font-weight:600;color:var(--ink)}
.su-table-wrap{overflow-x:auto}
.su-table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
.su-table th,.su-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.su-table th{background:var(--olive-l);font-weight:600}
.su-form{display:flex;flex-direction:column;gap:16px;margin:24px 0;padding:24px;background:var(--white);border:1px solid var(--rule)}
.su-form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.su-form label{display:flex;flex-direction:column;gap:5px;font-weight:500;font-size:14.5px}
.su-form input,.su-form select,.su-form textarea{font:16px var(--sans);padding:10px 12px;border:1px solid var(--rule);background:var(--white);color:var(--ink);border-radius:0;width:100%}
.su-form .su-btn{align-self:flex-start}
.su-form-msg{margin:0;font-size:15px;color:var(--olive-t)}
/* responsive */
@media (max-width:1060px){
 .su-grid{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"m id id" "f f q" "a a a"}
 .su-mono{grid-area:m}.su-id{grid-area:id}.su-facts{grid-area:f}.su-quote{grid-area:q}.su-act{grid-area:a;flex-direction:row;align-items:center;gap:22px}
}
@media (max-width:860px){
 .su-wrap{padding:0 16px}
 .su-burger{display:flex}
 .su-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--sand);border-bottom:1px solid var(--rule);padding:6px 16px 14px;display:none}
 .su-nav.is-open{display:flex}
 .su-nav a{display:flex;align-items:center;min-height:48px;padding:10px 0;font-size:16px;border-bottom:1px solid var(--rule)}
 .su-head{position:sticky}
 .su-head-in{position:relative;min-height:60px}
 .su-hero{padding:34px 0 38px}
 .su-cover{grid-template-columns:1fr}
 .su-cover-l{padding:0 0 22px;border-right:0;border-bottom:3px double var(--olive);margin-bottom:22px}
 .su-cover-r{padding:0}
 .su-art{max-width:200px;margin:4px auto 0}
 .su-eyebrow{margin-bottom:18px}
 .su-list-head{align-items:stretch;flex-direction:column}
 .su-jump{min-width:0;width:100%}
 .su-grid{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"m id" "f f" "q q" "a a";gap:22px;padding:24px 18px 26px}
 .su-mono{align-self:start;border-width:3px;padding:4px}
 .su-mono b{font-size:24px}.su-mono span,.su-mono small{display:none}
 .su-num{font-size:42px}
 .su-id h3{font-size:21px}
 .su-act{flex-wrap:wrap}
 .su-rev-in{grid-template-columns:1fr;gap:24px;margin:0 18px;padding:24px 0 28px}
 body{font-size:16.5px}
 .su-rev-body p,.su-blk p{font-size:16.5px}
 .su-hero{padding:32px 0 48px}
 .su-list,.su-info{padding:48px 0}
 .su-foot li a{display:inline-block;padding:6px 0}
 .su-info-grid{grid-template-columns:1fr}
 .su-blk,.su-blk:nth-child(even){padding:22px 0;border-left:0}
 .su-foot-grid{grid-template-columns:1fr}
 .su-foot-grid>div{padding:0 0 22px}
 .su-foot-grid>div+div{border-left:0;border-top:1px solid var(--olive);padding-top:20px}
 .su-art-grid{grid-template-columns:1fr;gap:32px}
 .su-side{position:static;order:-1}
 .su-art-head{margin-bottom:32px}
 .su-stand{font-size:18.5px}
 .su-sec p,.su-sec li,.su-gist p{font-size:16.5px}
 .su-toc a{min-height:44px;align-items:center}
 .su-page{padding:36px 0 64px}
 .su-form-two{grid-template-columns:1fr}
 .su-strip span+span::before{margin-right:12px}
 .su-strip{gap:4px 12px;font-size:12px}
}
@media (max-width:420px){
 .su-strip span:nth-child(3){display:none}
 .su-word{font-size:21px}
 .su-fv{max-width:58%}
 .su-quote p{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
}