/* Full editorial page layouts, inspired by the supplied Studiou references. */
#main .sv-page{--sv-rule:#303030;--sv-muted:#aaa;display:block;background:#000;color:#fff;max-width:none;margin:0;padding:0 16px 100px;font-family:Switzer,Arial,sans-serif;overflow:clip}
#main .sv-page *,#main .sv-page *::before,#main .sv-page *::after{box-sizing:border-box}
#main .sv-page :where(h1,h2,h3,h4,p,figure){margin:0;padding:0;max-width:none;text-transform:none;color:inherit}
#main .sv-page a{color:inherit;text-decoration:none}#main .sv-page a:hover{text-decoration:none}#main .sv-page :where(a,button,input,select,textarea):focus-visible{outline:2px solid #fff;outline-offset:5px}#main .sv-page [id]{scroll-margin-top:100px}
#main .sv-masthead{overflow:hidden;padding:0;margin:0 0 55px}
#main .sv-masthead h1{font-size:31.8vw!important;font-weight:600!important;line-height:.9!important;letter-spacing:-.065em!important;white-space:nowrap;text-transform:lowercase!important;margin:0!important;padding:0!important}
#main .sv-masthead.su-word-short h1{font-size:35vw!important}#main .sv-masthead.su-word-medium h1{font-size:26vw!important}#main .sv-masthead.su-word-long h1{font-size:20.8vw!important}
#main .sv-introduction{position:relative;margin:0 0 90px;min-height:65px}#main .sv-introduction>.su-label{position:absolute;left:0;top:10px}#main .sv-introduction>p{font-size:clamp(32px,4vw,64px)!important;line-height:1.035!important;font-weight:500!important;letter-spacing:-.04em!important;text-indent:27.5%;margin:0!important;color:#fff!important}
#main .sv-page .su-label{font-size:16px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:-.02em!important;color:inherit!important;text-transform:none!important}
#main .sv-story-pair{display:grid;grid-template-columns:7fr 5fr;gap:12px;align-items:start}#main .sv-story-pair figure{margin:0}#main .sv-story-pair img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}#main .sv-story-pair figure+figure img{aspect-ratio:1.18}#main .sv-story-pair figcaption{display:flex;justify-content:space-between;gap:20px;font-size:14px;line-height:1.3;padding-top:14px}#main .sv-story-pair figcaption span+span{color:#999}
#main .sv-editorial-row{display:grid;grid-template-columns:1fr 2.65fr;gap:40px;padding:110px 0 0}#main .sv-editorial-row>div{min-width:0}#main .sv-editorial-row h2{font-size:clamp(35px,4.4vw,68px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:500!important;margin:0 0 32px!important}#main .sv-editorial-row p{font-size:22px!important;line-height:1.4!important;letter-spacing:-.02em!important;color:#bbb!important;margin:0 0 24px!important;max-width:800px}
#main .sv-wide-statement{position:relative;margin-top:130px;padding:0 0 20px}#main .sv-wide-statement>.su-label{position:absolute;left:0;top:10px}#main .sv-wide-statement>p{font-size:clamp(32px,4vw,64px)!important;line-height:1.035!important;letter-spacing:-.04em!important;font-weight:500!important;text-indent:27.5%;margin:0!important}#main .sv-wide-statement>a{display:inline-block;margin-top:30px;margin-left:27.5%}
#main .sv-link-rows>a{display:grid;grid-template-columns:40px 1fr auto;gap:20px;align-items:start;padding:30px 0;border-top:1px solid var(--sv-rule)}#main .sv-link-rows>a:last-child{border-bottom:1px solid var(--sv-rule)}#main .sv-link-rows h2{font-size:clamp(30px,3.7vw,56px)!important;margin:0!important}#main .sv-link-rows>a>span{font-size:16px;color:#aaa}#main .sv-link-rows>a>span:last-child{font-size:32px;color:#fff}#main .sv-text-link{font-size:18px;display:inline-block;border-bottom:1px solid #888;padding:5px 0}
#main .sv-filter-heading{display:grid;grid-template-columns:1fr 2.65fr;gap:40px;margin-bottom:50px;align-items:start}#main .sv-filter-heading .filter-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}#main .sv-page .filter-btn{padding:10px 18px!important;line-height:1.3!important;font-size:14px!important;font-weight:400!important;min-height:40px}
#main .sv-article-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:12px;row-gap:65px;align-items:start}#main .sv-article-grid>.su-story-card{grid-column:span 7;min-width:0;display:block}#main .sv-article-grid>.su-story-card:nth-child(4n+2),#main .sv-article-grid>.su-story-card:nth-child(4n+3){grid-column:span 5}#main .sv-page [hidden]{display:none!important}#main .su-story-image{position:relative;overflow:hidden;aspect-ratio:1.4;background:#151515}#main .su-story-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}#main .su-story-card:nth-child(4n+2) .su-story-image,#main .su-story-card:nth-child(4n+3) .su-story-image{aspect-ratio:1.18}#main .su-story-card:hover .su-story-image img{transform:scale(1.035)}#main .sv-image-action{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px 20px;border-radius:50%;background:#fff;color:#000;opacity:0;transition:opacity .2s;font-size:16px;pointer-events:none}#main .su-story-card:hover .sv-image-action{opacity:1}#main .su-story-meta{display:flex;justify-content:space-between;gap:15px;color:#999;font-size:13px;line-height:1.4;margin:16px 0 9px}#main .su-story-card h3{font-size:clamp(25px,2.35vw,36px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0 0 12px!important}#main .su-story-card>p{font-size:16px!important;line-height:1.4!important;color:#aaa!important;max-width:600px!important}
#main .sv-source-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-top:15px}#main .sv-source-links a{font-size:20px;border-bottom:1px solid #555;padding-bottom:5px}
/* The Team reference: a 3:1 title/summary composition and four portrait columns. */
#main .sv-team-hero{display:grid;grid-template-columns:3.35fr 1fr;gap:40px;align-items:end;padding:100px 0 90px}#main .sv-team-hero h1{font-size:clamp(54px,8vw,120px)!important;line-height:.99!important;letter-spacing:-.055em!important;font-weight:500!important;margin:38px 0 0!important;text-wrap:balance}#main .sv-team-summary>p{font-size:16px!important;line-height:1.4!important;letter-spacing:-.02em!important;color:#ddd!important;margin:0!important}#main .sv-article-byline{display:flex;flex-direction:column;gap:5px;border-top:1px solid #333;margin-top:25px;padding-top:14px;font-size:12px;line-height:1.3;color:#999}
#main .sv-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#main .sv-chapter{min-width:0}#main .sv-chapter>div{overflow:hidden;background:#161616;aspect-ratio:.8}#main .sv-chapter img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}#main .sv-chapter:hover img{transform:scale(1.035)}#main .sv-chapter h2{font-size:24px!important;line-height:1.16!important;letter-spacing:-.035em!important;font-weight:500!important;margin:18px 0 6px!important}#main .sv-chapter>p{font-size:14px!important;color:#999!important;line-height:1.4!important;display:flex;justify-content:space-between}
#main .sv-reading-layout{display:grid;grid-template-columns:1fr 2.65fr;gap:70px;padding:140px 0 70px;align-items:start}#main .sv-reading-aside{position:sticky;top:90px}#main .sv-reading-aside>nav,#main .sv-policy-nav>nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:30px;max-width:260px}#main .sv-reading-aside>nav a,#main .sv-policy-nav>nav a{font-size:14px;line-height:1.4;color:#999}#main .sv-reading-aside>nav a:hover,#main .sv-policy-nav>nav a:hover{color:#fff}#main #article-actions{margin-top:35px}#main .sv-save{background:#fff;border:1px solid #fff;border-radius:30px;padding:12px 20px;font:400 14px/1.3 Switzer,Arial,sans-serif;color:#000!important;display:inline-block;cursor:pointer}
#main .sv-reading-body{max-width:880px}#main .sv-reading-body>p:first-child{font-size:clamp(28px,3vw,44px)!important;line-height:1.15!important;letter-spacing:-.04em!important;font-weight:500!important;color:#fff!important;margin-bottom:35px!important}#main .sv-reading-body :where(p,li){font-size:20px!important;line-height:1.6!important;letter-spacing:-.015em!important;color:#bbb!important}#main .sv-reading-body p{margin:0 0 25px!important}#main .sv-reading-body h2{font-size:clamp(32px,3.3vw,50px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:500!important;margin:65px 0 25px!important}#main .sv-reading-body h3{font-size:28px!important;line-height:1.2!important;font-weight:500!important;margin:38px 0 20px!important}#main .sv-reading-body ul{padding-left:23px;margin:0 0 30px}#main .sv-reading-body li{margin:0 0 14px}#main .sv-reading-body :where(p,li) a{text-decoration:underline;text-underline-offset:4px;color:#fff}#main .sv-context{border-top:1px solid #333;padding-top:30px;margin-top:60px}#main .sv-context>p{font-size:16px!important;line-height:1.5!important;margin:15px 0 0!important;color:#999!important}#main .sv-article-end{border-top:1px solid #333;margin-top:45px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:14px}#main .sv-article-end>span{color:#999}#main .sv-related{padding-top:55px;border-top:1px solid #333}#main .sv-related-heading{display:grid;grid-template-columns:1fr 2.65fr;gap:40px;align-items:baseline;margin-bottom:50px}#main .sv-related-heading h2{font-size:clamp(38px,5vw,74px)!important;line-height:1.05!important;font-weight:500!important;letter-spacing:-.05em!important}
/* Public forms use a photographic left column and a quiet, full-size form column. */
#main .sv-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;padding:0 6vw 30px 0}#main .sv-form-aside img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover}#main .sv-form-aside h2{font-size:clamp(30px,3.2vw,48px)!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.04em!important;margin:25px 0 15px!important}#main .sv-form-aside p{color:#999!important;font-size:14px!important;line-height:1.4!important}#main .sv-form-content{padding-top:2px}#main .sv-form-content>h2{font-size:36px!important;line-height:1.1!important;letter-spacing:-.04em!important;font-weight:500!important;margin:0 0 18px!important}#main .sv-form-content>p{color:#aaa!important;font-size:18px!important;line-height:1.4!important;margin:0 0 28px!important}#main .sv-form-content>.eyebrow{display:none}
#main .sv-form-content form,#main .sv-member-content .editor-form{margin-top:35px;max-width:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}#main .sv-page .form-field{margin-bottom:28px}#main .sv-page .form-field>label{display:block;font-size:14px!important;line-height:1.4!important;margin:0 0 10px!important;font-weight:400!important;color:#ccc!important}#main .sv-form-content :where(input:not([type=checkbox]):not([type=radio]),textarea,select),#main .sv-member-content>.editor-form :where(input:not([type=hidden]),textarea,select),#main .sv-member-content .danger-area :where(input,textarea){display:block;width:100%;border:0!important;border-bottom:1px solid #555!important;border-radius:0!important;background:transparent!important;color:#fff!important;padding:12px 0!important;min-height:48px;font:400 18px/1.5 Switzer,Arial,sans-serif!important;box-shadow:none!important}#main .sv-page select option{background:#111;color:#fff}#main .sv-page textarea{min-height:160px!important;resize:vertical}#main .sv-page .form-field>small{display:block;font-size:12px;line-height:1.5;color:#999;margin-top:9px}#main .sv-page .checkbox-line{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:14px!important;line-height:1.5!important;color:#aaa!important}#main .sv-page .checkbox-line input{flex:0 0 16px;width:16px;height:16px;margin:3px 0 0;accent-color:#fff}#main .sv-page .checkbox-line a{text-decoration:underline;text-underline-offset:3px}#main .sv-page .hp-field{display:none!important}#main .sv-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;border-radius:40px!important;padding:13px 23px!important;font:400 14px/1.3 Switzer,Arial,sans-serif!important;text-transform:none!important;letter-spacing:-.02em!important;gap:15px;cursor:pointer;box-shadow:none!important}#main .sv-page .btn:disabled{opacity:.5;cursor:not-allowed}#main .sv-page .form-bottom{font-size:14px;border-top:1px solid #333;padding-top:22px;margin-top:30px;color:#aaa!important}#main .sv-page .form-bottom a{color:#fff;text-decoration:underline;text-underline-offset:4px}#main .sv-page .small-note{font-size:12px!important;line-height:1.5!important;color:#888!important;margin-top:22px!important}#main .sv-page .alert{font-size:14px!important;line-height:1.5!important;padding:16px!important;margin:20px 0!important;border:1px solid #555!important;background:#171717!important;color:#fff!important}
/* Member pages are rebuilt as full-width editorial workspaces. */
#main .sv-member-layout{display:block;width:100%;margin:0;padding:0}#main .sv-member-layout>.member-sidebar{display:flex;flex-wrap:wrap;gap:0 30px;align-items:center;position:static;width:100%;max-width:none;padding:18px 0;margin:0 0 55px;border:0;border-top:1px solid #333;border-bottom:1px solid #333;border-radius:0;box-shadow:none;background:#000;color:#fff}#main .sv-member-layout>.member-sidebar>a{font-size:14px;line-height:1.4;padding:10px 0;border:0;border-radius:0;color:#999;background:transparent}#main .sv-member-layout>.member-sidebar>a.active{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:7px}#main .sv-member-layout>.member-sidebar>form{margin-left:auto}#main .sv-member-layout>.member-sidebar button{font:400 14px/1.4 Switzer,Arial,sans-serif;color:#aaa;background:none;border:0;cursor:pointer;padding:10px 0}
#main .sv-member-content{min-width:0;padding:0;max-width:none;background:#000;color:#fff}#main .sv-member-content>.eyebrow,#main .sv-member-content>.lead,#main .sv-member-content>.sv-member-title{display:none}#main .sv-member-content .dash-hello{display:grid;grid-template-columns:1fr 2.65fr;gap:15px 40px;align-items:start;margin:0 0 45px}#main .sv-member-content .dash-hello>.eyebrow{font-size:14px!important;font-weight:400!important;line-height:1.4!important;color:#999!important;max-width:180px;grid-row:1/3}#main .sv-member-content .dash-hello>h2{font-size:52px!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:500!important}#main .sv-member-content .dash-hello>p:last-child{grid-column:2;font-size:18px!important;color:#aaa!important;margin:0!important}#main .sv-dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:60px 12px;margin-top:50px}#main .sv-page .sv-dash-tile{grid-column:span 7;position:relative;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0}#main .sv-page .sv-dash-tile:nth-child(4n+2),#main .sv-page .sv-dash-tile:nth-child(4n+3){grid-column:span 5}#main .sv-dash-image{aspect-ratio:1.4;overflow:hidden;margin-bottom:20px}#main .sv-dash-tile:nth-child(4n+2) .sv-dash-image,#main .sv-dash-tile:nth-child(4n+3) .sv-dash-image{aspect-ratio:1.18}#main .sv-dash-image img{display:block;width:100%;height:100%;object-fit:cover}#main .sv-dash-tile h3{font-size:34px!important;line-height:1.1!important;font-weight:500!important;letter-spacing:-.04em!important;margin:0 0 15px!important}#main .sv-dash-tile p{font-size:18px!important;line-height:1.4!important;color:#aaa!important;margin:0 0 20px!important;max-width:600px}#main .sv-dash-tile>a{font-size:14px;position:static;display:inline-block;border-bottom:1px solid #777;padding-bottom:5px}#main .sv-dash-tile>a:after{content:'';position:absolute;inset:0}#main .sv-member-content>h2:not(.sv-member-title){font-size:40px!important;line-height:1.1!important;letter-spacing:-.04em!important;font-weight:500!important;margin:50px 0 28px!important}#main .sv-resource-row{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:0 0 50px;margin:0 0 50px;border:0!important;border-bottom:1px solid #333!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}#main .sv-resource-row>img{width:100%;aspect-ratio:1.4;object-fit:cover;display:block}#main .sv-resource-row .tag{display:inline-block;background:transparent;color:#999;font-size:12px;line-height:1.3;padding:0;margin:0 0 24px;border:0}#main .sv-resource-row h3{font-size:clamp(30px,3.6vw,54px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:500!important;margin:0 0 22px!important}#main .sv-resource-row p{font-size:18px!important;line-height:1.45!important;color:#aaa!important;margin:0 0 22px!important;max-width:650px}#main .sv-resource-row a{font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:5px}#main .sv-page .notice{background:#111!important;border:1px solid #333!important;padding:25px!important;border-radius:0!important;margin:30px 0!important;color:#aaa!important;font-size:15px!important;line-height:1.6!important;box-shadow:none!important}#main .sv-member-content>.editor-form,#main .sv-member-content>.danger-area{max-width:800px!important;margin-left:27.5%;margin-top:45px}#main .sv-member-content>.notice{max-width:1000px}#main .sv-member-content>.editor-form~h2,#main .sv-member-content>.editor-form~.danger-area{margin-top:80px!important}#main .sv-member-content>.danger-area{border-top:1px solid #555;padding:40px 0 0}#main .sv-member-content>.danger-area h2{font-size:32px;font-weight:500;line-height:1.1;letter-spacing:-.04em;margin-bottom:20px}#main .sv-member-content>.danger-area p{font-size:16px;line-height:1.5;color:#aaa;margin-bottom:25px}#main .sv-member-content.adhder-intro>p{max-width:780px!important;margin:0 0 25px 27.5%!important;font-size:22px!important;line-height:1.4!important;letter-spacing:-.02em!important;color:#bbb!important}#main .sv-member-content.adhder-intro>.btn{margin-left:27.5%}#main .sv-page .empty-state{background:transparent!important;border:1px solid #333!important;border-radius:0!important;padding:60px 30px;text-align:center}#main .sv-page .empty-state h3{font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.04em;margin-bottom:20px}#main .sv-page .empty-state p{font-size:18px;line-height:1.5;color:#aaa;margin-bottom:25px}
/* Policy pages have a linked contents rail, with the original complete text. */
#main .sv-legal-layout{display:grid;grid-template-columns:1fr 2.65fr;gap:70px;align-items:start}#main .sv-policy-nav{position:sticky;top:90px}#main .sv-policy-content{max-width:900px;min-width:0}#main .sv-policy-content>h2{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.1!important;letter-spacing:-.04em!important;font-weight:500!important;margin:55px 0 25px!important}#main .sv-policy-content>p{font-size:20px!important;line-height:1.6!important;letter-spacing:-.015em!important;color:#bbb!important;margin:0 0 25px!important}#main .sv-policy-content p a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1800px){#main .sv-page{padding-left:24px;padding-right:24px}}
@media(max-width:1000px){#main .sv-member-content>.editor-form,#main .sv-member-content>.danger-area{margin-left:20%}#main .sv-form-layout{gap:6vw;padding-right:0}#main .sv-team-hero{grid-template-columns:2.5fr 1fr;gap:30px}#main .sv-team-hero h1{font-size:8vw!important}#main .sv-chapter h2{font-size:20px!important}}
@media(max-width:760px){#main .sv-page{padding:0 12px 65px}#main .sv-masthead{margin-bottom:38px}#main .sv-masthead.su-word-short h1{font-size:34vw!important}#main .sv-masthead.su-word-medium h1{font-size:25vw!important}#main .sv-masthead.su-word-long h1{font-size:20vw!important}#main .sv-introduction{margin-bottom:50px}#main .sv-introduction>.su-label{position:static;display:block;margin-bottom:24px}#main .sv-introduction>p{font-size:32px!important;line-height:1.06!important;text-indent:0}#main .sv-story-pair{grid-template-columns:1fr}#main .sv-story-pair figure+figure{margin-top:24px}#main .sv-story-pair figcaption{font-size:12px}#main .sv-editorial-row,#main .sv-filter-heading,#main .sv-related-heading{grid-template-columns:1fr;gap:27px}#main .sv-editorial-row{padding-top:70px}#main .sv-editorial-row h2{font-size:38px!important;margin-bottom:25px!important}#main .sv-editorial-row p{font-size:19px!important}#main .sv-wide-statement{margin-top:75px}#main .sv-wide-statement>.su-label{position:static;display:block;margin-bottom:25px}#main .sv-wide-statement>p{text-indent:0;font-size:32px!important;line-height:1.07!important}#main .sv-wide-statement>a{margin-left:0}#main .sv-article-grid{row-gap:40px}#main .su-story-card h3{font-size:25px!important}#main .su-story-meta{font-size:11px;gap:8px}#main .su-story-card>p{font-size:14px!important}#main .sv-team-hero{grid-template-columns:1fr;gap:28px;padding:65px 0 50px}#main .sv-team-hero h1{font-size:clamp(44px,10.8vw,78px)!important;margin-top:28px!important}#main .sv-team-summary{max-width:500px}#main .sv-team-summary>p{font-size:17px!important}#main .sv-article-byline{flex-direction:row;justify-content:space-between;max-width:350px;margin-top:22px}#main .sv-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 10px}#main .sv-chapter h2{font-size:22px!important;margin-top:14px!important}#main .sv-chapter p{font-size:12px!important}#main .sv-reading-layout{grid-template-columns:1fr;gap:35px;padding:75px 0 55px}#main .sv-reading-aside{position:static}#main .sv-reading-aside>nav{max-width:none;flex-direction:row;flex-wrap:wrap;gap:12px 22px;margin-top:20px}#main .sv-reading-aside>nav a{font-size:13px}#main #article-actions{margin-top:25px}#main .sv-reading-body>p:first-child{font-size:30px!important}#main .sv-reading-body :where(p,li){font-size:18px!important;line-height:1.6!important}#main .sv-reading-body h2{font-size:34px!important;margin-top:45px!important}#main .sv-article-end{font-size:12px}#main .sv-related-heading h2{font-size:40px!important}#main .sv-form-layout{grid-template-columns:1fr;gap:45px;padding:0}#main .sv-form-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px;align-items:center}#main .sv-form-aside img{grid-row:1/3;aspect-ratio:.85}#main .sv-form-aside h2{font-size:25px!important;margin:0!important;align-self:end}#main .sv-form-aside p{font-size:12px!important;align-self:start}#main .sv-form-content>h2{font-size:32px!important}#main .sv-member-layout>.member-sidebar{gap:0 22px;margin-bottom:40px;padding:14px 0}#main .sv-member-layout>.member-sidebar>a,#main .sv-member-layout>.member-sidebar button{font-size:12px}#main .sv-member-layout>.member-sidebar>form{margin-left:0}#main .sv-member-content .dash-hello{grid-template-columns:1fr;gap:20px;margin-bottom:30px}#main .sv-member-content .dash-hello>.eyebrow{grid-row:auto;max-width:none}#main .sv-member-content .dash-hello>h2{font-size:38px!important}#main .sv-member-content .dash-hello>p:last-child{grid-column:auto;font-size:16px!important}#main .sv-dash-grid{row-gap:40px;margin-top:35px}#main .sv-dash-tile h3{font-size:27px!important}#main .sv-dash-tile p{font-size:16px!important}#main .sv-resource-row{gap:25px;grid-template-columns:1fr;padding-bottom:35px;margin-bottom:35px}#main .sv-resource-row h3{font-size:34px!important}#main .sv-resource-row p{font-size:17px!important}#main .sv-member-content>.editor-form,#main .sv-member-content>.danger-area{margin-left:0}#main .sv-member-content.adhder-intro>p{margin-left:0!important;font-size:20px!important}#main .sv-member-content.adhder-intro>.btn{margin-left:0}#main .sv-legal-layout{grid-template-columns:1fr;gap:35px}#main .sv-policy-nav{position:static}#main .sv-policy-nav>nav{max-width:none;flex-direction:row;flex-wrap:wrap;gap:12px 20px;margin-top:20px}#main .sv-policy-content>h2{font-size:34px!important;margin-top:40px!important}#main .sv-policy-content>p{font-size:18px!important}#main .sv-page .notice{padding:20px!important;font-size:14px!important}}
@media(max-width:520px){#main .sv-article-grid>.su-story-card:nth-child(n),#main .sv-page .sv-dash-tile:nth-child(n){grid-column:1/-1}#main .su-story-image,#main .su-story-card:nth-child(n) .su-story-image,#main .sv-dash-image,#main .sv-dash-tile:nth-child(n) .sv-dash-image{aspect-ratio:1.18}#main .su-story-card h3{font-size:29px!important}#main .su-story-card>p{font-size:16px!important}#main .su-story-meta{font-size:12px}#main .sv-link-rows>a{grid-template-columns:25px 1fr auto;gap:12px}#main .sv-link-rows h2{font-size:30px!important}#main .sv-page .filter-btn{font-size:12px!important;padding:9px 13px!important;min-height:36px}#main .sv-filter-heading{margin-bottom:35px}#main .sv-chapter h2{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){#main .sv-page *{scroll-behavior:auto!important}#main .su-story-image img,#main .sv-chapter img,#main .sv-image-action{transition:none}#main .su-story-card:hover .su-story-image img,#main .sv-chapter:hover img{transform:none}}
/* Neutralise the previous member template surfaces inside the rebuilt workspace. */
#main .sv-masthead.su-word-medium h1{font-size:24.3vw!important}
#main .sv-page .member-section{padding:0!important;background:#000!important;min-height:0!important}
#main .sv-member-layout>.member-sidebar{background:#000!important;border:0!important;border-top:1px solid #333!important;border-bottom:1px solid #333!important;border-radius:0!important;overflow:visible!important}
#main .sv-member-layout>.member-sidebar>a{background:transparent!important;color:#999!important;border-radius:0!important;font-weight:400!important}
#main .sv-member-layout>.member-sidebar>a:is(.active,:hover){background:transparent!important;color:#fff!important}
#main .sv-page .dash-hello{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#main .sv-page :is(.sv-dash-tile,.sv-resource-row):hover{transform:none!important;background:transparent!important;border-color:#333!important}
#main .sv-page :is(.sv-dash-tile,.sv-resource-row) a{color:#fff!important}
@media(max-width:760px){#main .sv-masthead.su-word-medium h1{font-size:23.5vw!important}}
/* Page mastheads occupy no more than 60% of the viewport. */
#main .sv-masthead{width:60vw!important;max-width:100%!important}
#main .sv-masthead.su-word-short h1{font-size:21vw!important}
#main .sv-masthead.su-word-medium h1{font-size:14.58vw!important}
#main .sv-masthead.su-word-long h1{font-size:12.48vw!important}
@media(max-width:760px){
 #main .sv-masthead.su-word-short h1{font-size:20.4vw!important}
 #main .sv-masthead.su-word-medium h1{font-size:14.1vw!important}
 #main .sv-masthead.su-word-long h1{font-size:12vw!important}
}

/* Story, Survival, Knowledge and the Members overview: 80% desktop, full mobile. */
body.su-wide-page-title #main .sv-masthead{width:80vw!important;max-width:100%!important}
body.su-wide-page-title #main .sv-masthead.su-word-short h1{font-size:28vw!important}
body.su-wide-page-title #main .sv-masthead.su-word-medium h1{font-size:19.44vw!important}
body.su-wide-page-title #main .sv-masthead.su-word-long h1{font-size:16.64vw!important}
@media(max-width:760px){
 body.su-wide-page-title #main .sv-masthead{width:100%!important;max-width:100%!important}
 body.su-wide-page-title #main .sv-masthead.su-word-short h1{font-size:34vw!important}
 body.su-wide-page-title #main .sv-masthead.su-word-medium h1{font-size:23.5vw!important}
 body.su-wide-page-title #main .sv-masthead.su-word-long h1{font-size:20vw!important}
}
/* Personal-experience page titles fit the existing 60% masthead. */
#main .sv-experience-page .sv-masthead h1{font-size:9.2vw!important}
@media(max-width:760px){#main .sv-experience-page .sv-masthead h1{font-size:9vw!important}}
@media(min-width:901px) and (max-width:1250px){
 .site-header .site-nav{gap:12px!important}
 .site-header .site-nav a:not(.nav-cta){font-size:9px!important;letter-spacing:.03em!important}
 .site-header .mx-brand-descriptor{display:none!important}
}
#main .sv-article-cover{margin:0;width:100%;overflow:hidden;background:#111}
#main .sv-article-cover img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}
#main .sv-article-navigation{display:flex;justify-content:space-between;gap:40px;align-items:flex-start;border-top:1px solid #333;padding:35px 0 0;margin-top:15px;font:400 16px/1.5 Switzer,Arial,sans-serif}
#main .sv-article-navigation>a{color:#fff;max-width:48%}
#main .sv-next-article{display:flex;flex-direction:column;text-align:right;gap:8px}
#main .sv-next-article>span:last-child{font-size:14px;color:#aaa;max-width:440px}
#main .article-editor-preview{display:block;width:min(100%,480px);height:auto;max-height:320px;object-fit:contain;margin-top:20px}
@media(max-width:760px){#main .sv-article-navigation{gap:25px;font-size:14px}#main .sv-next-article>span:last-child{font-size:12px}#main .sv-article-cover img{max-height:65vh}}

/* Article opening: an editorial text column beside an inset image on desktop. */
#main .sv-article-lead{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:85px 0 65px;align-items:start}
#main .sv-article-lead-with-image{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(35px,6vw,100px)}
#main .sv-article-introduction{min-width:0}
#main .sv-article-introduction h1{font-size:clamp(44px,5.7vw,90px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:500!important;margin:30px 0 35px!important;text-wrap:balance}
#main .sv-article-introduction .sv-article-deck{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.4!important;letter-spacing:-.02em!important;color:#bbb!important;max-width:580px!important;margin:0!important}
#main .sv-article-introduction .sv-article-byline{flex-direction:row;justify-content:space-between;gap:20px;max-width:580px;margin-top:35px;padding-top:18px;font-size:13px}
#main .sv-article-lead .sv-article-cover{margin:65px 0 0;background:transparent;overflow:visible;min-width:0}
#main .sv-article-lead .sv-article-cover img{width:100%;height:auto;max-height:68vh;object-fit:contain;object-position:center top;background:#111;display:block}
#main .sv-article-lead .sv-article-cover figcaption{font-size:12px;line-height:1.4;color:#999;margin-top:14px;max-width:90%}
#main .sv-article-lead+.sv-reading-layout{padding-top:70px;border-top:1px solid #292929}
@media(min-width:1600px){#main .sv-article-lead-with-image{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}
@media(max-width:760px){
 #main .sv-article-lead,#main .sv-article-lead-with-image{grid-template-columns:minmax(0,1fr);gap:40px;padding:55px 0 50px}
 #main .sv-article-introduction h1{font-size:clamp(40px,10vw,72px)!important;margin:25px 0 28px!important}
 #main .sv-article-introduction .sv-article-deck{font-size:18px!important}
 #main .sv-article-lead .sv-article-cover{margin:0}
 #main .sv-article-lead .sv-article-cover img{max-height:65vh}
 #main .sv-article-lead+.sv-reading-layout{padding-top:45px}
}
/* Article navigation: each link fills its entire interactive column. */
#main .sv-article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;align-items:stretch;border-top:1px solid #333;border-bottom:1px solid #333}
#main .sv-article-navigation>a{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:145px;padding:32px;color:#fff;background:#000;transition:background-color .35s ease,color .35s ease}
#main .sv-article-navigation>a+a{border-left:1px solid #333}
#main .sv-article-navigation>.sv-next-article{align-items:flex-end;text-align:right}
#main .sv-article-navigation>a:is(:hover,:focus-visible){background:#bdff63;color:#000;outline-offset:-5px}
#main .sv-article-navigation>a:is(:hover,:focus-visible) span{color:#000!important}
#main .sv-article-navigation>a span{transition:color .35s ease}
@media(max-width:760px){#main .sv-article-navigation>a{padding:22px 16px;min-height:130px}}
@media(prefers-reduced-motion:reduce){#main .sv-article-navigation>a,#main .sv-article-navigation>a span{transition:none}}
/* Article navigation meets the footer, without a centre or bottom rule. */
#main .sv-article{padding-bottom:0!important}
#main .sv-article-navigation{border-bottom:0!important;margin-bottom:0!important}
#main .sv-article-navigation>a+a{border-left:0!important}
body.is-article .su-footer{border-top:0!important}
/* Right-aligned reading column follows the image's right edge. */
@media(min-width:901px){
 #main .sv-article .sv-reading-layout{grid-template-columns:minmax(180px,1fr) 500px;column-gap:clamp(45px,7vw,120px);align-items:start}
 #main .sv-article .sv-reading-body{width:500px;max-width:500px;justify-self:end}
 #main .sv-article .sv-reading-aside{width:220px;max-width:100%;justify-self:end;margin-right:clamp(0px,2vw,32px)}
}
@media(min-width:761px) and (max-width:900px){
 #main .sv-article .sv-reading-layout{grid-template-columns:minmax(150px,1fr) minmax(0,500px);column-gap:30px}
 #main .sv-article .sv-reading-body{width:100%;max-width:500px;justify-self:end}
 #main .sv-article .sv-reading-aside{max-width:180px;justify-self:end}
}
@media(max-width:760px){#main .sv-article .sv-reading-body{width:100%;max-width:500px;justify-self:end}}
/* Reading time: a light green highlighter mark. */
#main .sv-article .sv-article-byline>span:last-child{display:inline-block;align-self:flex-start;flex-shrink:0;width:fit-content;padding:2px 7px;background:#bdff63;color:#111;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Centre the article links and reading column together as one balanced group. */
@media(min-width:901px){
 #main .sv-article .sv-reading-layout{width:100%;max-width:800px;margin-left:auto;margin-right:auto;grid-template-columns:220px 500px;column-gap:80px;justify-content:center}
 #main .sv-article .sv-reading-aside{width:220px;margin-right:0;justify-self:start}
 #main .sv-article .sv-reading-body{width:500px;max-width:500px;justify-self:start}
}
@media(min-width:761px) and (max-width:900px){
 #main .sv-article .sv-reading-layout{width:100%;max-width:760px;margin-left:auto;margin-right:auto;grid-template-columns:180px minmax(0,500px);column-gap:40px;justify-content:center}
 #main .sv-article .sv-reading-aside{margin-right:0;justify-self:start}
 #main .sv-article .sv-reading-body{justify-self:start}
}
@media(max-width:760px){#main .sv-article .sv-reading-layout{margin-left:auto;margin-right:auto}#main .sv-article .sv-reading-body{justify-self:center}}

/* Wider, quieter article copy and a compact save action below the body. */
#main .sv-article .sv-reading-layout{border-top:0!important}
#main .sv-article .sv-reading-aside>nav{margin-top:0}
#main .sv-article .sv-reading-body :where(p,li){font-size:18px!important;color:#b2b2b2!important}
#main .sv-article .sv-reading-body>p:first-child{font-size:clamp(26px,calc(3vw - 2px),42px)!important;color:#eee!important}
#main .sv-article .sv-context>p{font-size:14px!important;color:#929292!important}
#main .sv-article #article-actions{margin-top:40px}
#main .sv-article .sv-bookmark-button{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid #454545;border-radius:3px;background:transparent;color:#bbb!important;font:400 14px/1.4 Switzer,Arial,sans-serif;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
#main .sv-article .sv-bookmark-button>span{font-size:20px;line-height:1}
#main .sv-article .sv-bookmark-button:is(:hover,:focus-visible){background:#bdff63;border-color:#bdff63;color:#000!important}
@media(min-width:901px){
 #main .sv-article .sv-reading-layout{max-width:820px;grid-template-columns:180px 600px;column-gap:40px}
 #main .sv-article .sv-reading-body{width:600px;max-width:600px}
 #main .sv-article .sv-reading-aside{width:180px}
}
@media(min-width:1100px){
 #main .sv-article .sv-reading-layout{max-width:900px;grid-template-columns:220px 600px;column-gap:80px}
 #main .sv-article .sv-reading-aside{width:220px}
}
@media(min-width:761px) and (max-width:900px){
 #main .sv-article .sv-reading-layout{max-width:780px;grid-template-columns:150px minmax(0,600px);column-gap:30px}
 #main .sv-article .sv-reading-body{width:100%;max-width:600px}
}
@media(max-width:760px){
 #main .sv-article .sv-reading-body{width:100%;max-width:600px}
 #main .sv-article .sv-reading-body :where(p,li){font-size:16px!important}
 #main .sv-article .sv-reading-body>p:first-child{font-size:28px!important}
 #main .sv-article .sv-context>p{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){#main .sv-article .sv-bookmark-button{transition:none}}
/* Shared navigation stays full-width on every website page. */
body #top.site-header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
body #top.site-header>.header-inner.container{width:100%!important;max-width:none!important;margin:0!important;padding-left:26px!important;padding-right:26px!important;box-sizing:border-box}
@media(max-width:900px){body #top.site-header>.header-inner.container{padding-left:19px!important;padding-right:19px!important}}

/* Green highlighted collection titles; keep the highlight close to the word. */
body #main .sv-masthead.su-highlight-title h1{
 color:#111!important;line-height:1.06!important
}
body #main .sv-masthead.su-highlight-title h1>span{
 display:inline-block;background:#bdff63;color:#111;
 padding:0 .08em .035em;box-sizing:border-box
}
@media(min-width:761px){
 body.su-wide-page-title #main .sv-masthead.su-story-title h1{
  font-size:clamp(100px,20vw,280px)!important
 }
}

/* Inverting top navigation; touch layouts keep the light colour scheme. */
body #top.site-header{
 --su-nav-bg:#fff;--su-nav-ink:#000;
 background:var(--su-nav-bg)!important;color:var(--su-nav-ink)!important;
 border-bottom-color:var(--su-nav-ink)!important;
 transition:background-color .3s ease,color .3s ease,border-color .3s ease
}
body #top.site-header>.header-inner{
 background:transparent!important;color:var(--su-nav-ink)!important
}
body #top.site-header>.header-inner :is(a,button,.brand-word,.brand-dot,.mx-brand-descriptor,.adhder-header-label){
 color:var(--su-nav-ink)!important;transition:color .3s ease,border-color .3s ease
}
body #top.site-header>.header-inner .mx-brand-descriptor{
 border-color:var(--su-nav-ink)!important
}
body #top.site-header>.header-inner .site-nav .nav-cta{
 background:transparent!important;border-color:var(--su-nav-ink)!important
}
body #top.site-header>.header-inner :is(.adhder-menu-symbol i,.menu-toggle span){
 background:var(--su-nav-ink)!important
}
@media(min-width:901px) and (hover:hover) and (pointer:fine){
 body #top.site-header:hover{--su-nav-bg:#fff;--su-nav-ink:#000}
}
@media(prefers-reduced-motion:reduce){
 body #top.site-header,body #top.site-header>.header-inner :is(a,button,.brand-word,.brand-dot,.mx-brand-descriptor,.adhder-header-label){transition:none}
}

/* Extend only the desktop image's upper edge; preserve its layout footprint. */
@media(min-width:761px){
 #main .sv-article{position:relative}
 #main .sv-article>.button-row{position:absolute;top:15px;left:16px;z-index:2}
 #main .sv-article-image-frame{
  position:relative;width:100%;aspect-ratio:var(--su-cover-ratio);max-height:68vh
 }
 #main .sv-article-lead .sv-article-image-frame img{
  position:absolute;left:0;top:-140px;width:100%;height:calc(100% + 140px);
  max-height:none;object-fit:cover;object-position:center
 }
}

/* Readable light navigation and dropdown on all screen sizes. */
body #top.site-header .adhder-mega-menu{
 background:#fff!important;color:#000!important;border-color:#ddd!important;
 box-shadow:0 20px 55px #0003!important
}
body #top.site-header :is(.adhder-mega-main,.adhder-mega-panel){background:#fff!important;color:#000!important}
body #top.site-header .adhder-mega-highlight{background:#efffdb!important}
body #top.site-header .adhder-mega-menu :is(a,span,p){color:#000!important}
body #top.site-header .adhder-mega-main>a{
 font-size:clamp(28px,2.5vw,34px)!important;font-weight:750!important;
 line-height:1.25!important;padding:4px 0
}
body #top.site-header .adhder-mega-bottom a{font-size:13px!important;font-weight:700!important;padding:5px 0}
body #top.site-header .adhder-mega-panel>a{font-size:20px!important;font-weight:750!important;line-height:1.25!important}
body #top.site-header .adhder-mega-panel>span{font-size:12px!important;line-height:1.5!important}
body #top.site-header :is(.adhder-mega-meta,.adhder-mega-eyebrow,.adhder-mega-foot){font-size:11px!important}
body #top.site-header .adhder-mega-menu a:hover,
body #top.site-header .adhder-mega-menu a:focus-visible{background:#bdff63!important;color:#000!important}
body #top.site-header>.header-inner .site-nav a{
 font-size:12px!important;font-weight:800!important
}
body #top.site-header>.header-inner .adhder-menu-trigger{font-size:12px!important;font-weight:800!important}
@media(max-width:900px){
 body #top.site-header .adhder-mega-main>a{font-size:30px!important;min-height:44px}
 body #top.site-header .adhder-mega-panel>a{font-size:18px!important}
}

/* Keep the admin shortcut available while reading. */
body #main .sv-article>.sv-article-admin-edit{
 position:fixed!important;top:auto!important;right:auto!important;
 bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;left:18px!important;
 z-index:300;margin:0!important
}
body #main .sv-article-admin-edit .sv-save{
 display:inline-flex;align-items:center;min-height:44px;padding:12px 18px;
 background:#bdff63!important;color:#000!important;border:1px solid #000;
 font-size:14px;font-weight:750;box-shadow:0 4px 22px #0004;
 transition:background-color .2s ease,transform .2s ease
}
body #main .sv-article-admin-edit .sv-save:hover{
 background:#fff!important;transform:translateY(-3px)
}
@media(min-width:761px){
 /* Image remains in the title row and extends into the space below it. */
 #main .sv-article{overflow:visible}
 #main .sv-article-lead-with-image{position:relative;align-items:stretch}
 #main .sv-article-lead .sv-article-cover{
  position:relative;align-self:stretch;margin-top:0;z-index:1
 }
 #main .sv-article-image-frame{
  position:absolute;inset:-75px 0 -120px;width:100%;height:auto;
  aspect-ratio:auto;max-height:none
 }
 #main .sv-article-lead .sv-article-image-frame img{
  top:0;left:0;width:100%;height:100%;max-height:none;
  object-fit:cover;object-position:center
 }
 #main .sv-article-lead .sv-article-cover figcaption{
  position:absolute;top:calc(100% + 134px);left:0;margin-top:0
 }
 #main .sv-article-lead-with-image+.sv-reading-layout{
  padding-top:160px
 }
}

/* Image aligns with the byline, with a 20px gap below navigation. */
@media(min-width:761px){
 #main .sv-article-image-frame{inset:-65px 0 0}
 #main .sv-article-lead .sv-article-cover figcaption{top:calc(100% + 14px)}
 #main .sv-article-lead-with-image+.sv-reading-layout{padding-top:70px}
}
/* Reversible rolling labels on the white top bar. */
body #top.site-header>.header-inner :is(.site-nav a,.adhder-menu-trigger){
 color:#444!important;font-weight:600!important
}
body #top.site-header>.header-inner :is(.site-nav a,.adhder-menu-trigger):is(:hover,:focus-visible){
 color:#000!important
}
body #top.site-header .su-nav-roll{
 display:inline-block;overflow:hidden;vertical-align:middle;line-height:1.5
}
body #top.site-header .su-nav-word{
 display:block;position:relative;white-space:nowrap;
 transition:transform .38s cubic-bezier(.22,.7,.25,1)
}
body #top.site-header .su-nav-word::before{
 content:attr(data-text);position:absolute;left:0;bottom:100%;white-space:nowrap
}
@media(hover:hover) and (pointer:fine){
 body #top.site-header>.header-inner :is(.site-nav a,.adhder-menu-trigger):hover .su-nav-word{
  transform:translateY(100%)
 }
}
body #top.site-header>.header-inner :is(.site-nav a,.adhder-menu-trigger):focus-visible .su-nav-word{
 transform:translateY(100%)
}
@media(prefers-reduced-motion:reduce){
 body #top.site-header .su-nav-word{transition:none}
}

/* Collection mastheads share the homepage's white, staggered letter entrance. */
body #main .sv-masthead.su-animated-page-title h1{
 color:#fff!important;background:transparent!important;
 overflow:hidden;padding-bottom:.05em!important
}
body #main .sv-masthead.su-animated-page-title h1 .su-hero-letter{
 color:inherit;background:transparent
}

/* Desktop article cover: wide editorial photograph below the introduction. */
@media(min-width:901px){
 #main .sv-article-lead-with-image{
  display:grid;grid-template-columns:minmax(0,1fr);gap:48px;
  padding:65px 0 50px
 }
 #main .sv-article-lead-with-image .sv-article-introduction{
  width:min(100%,1100px);margin:0 auto
 }
 #main .sv-article-lead-with-image .sv-article-introduction h1{
  max-width:1050px!important;font-size:clamp(48px,5.5vw,84px)!important
 }
 #main .sv-article-lead-with-image .sv-article-deck{max-width:760px!important}
 #main .sv-article-lead-with-image .sv-article-byline{max-width:760px}
 #main .sv-article-lead .sv-article-cover{
  position:relative;align-self:auto;width:min(100%,1400px);margin:0 auto;
  animation:su-article-cover-enter 1.15s cubic-bezier(.16,1,.3,1) both
 }
 #main .sv-article-lead .sv-article-image-frame{
  position:relative;inset:auto;width:100%;height:clamp(340px,45vw,620px);
  max-height:none;aspect-ratio:auto;overflow:hidden;border-radius:3px
 }
 #main .sv-article-lead .sv-article-image-frame img{
  position:relative;inset:auto;width:100%;height:100%;object-fit:cover;
  object-position:center;animation:su-article-photo-enter 1.6s cubic-bezier(.16,1,.3,1) both;
  transition:transform .8s cubic-bezier(.2,.7,.2,1)
 }
 #main .sv-article-lead .sv-article-cover figcaption{
  position:static;margin-top:14px;max-width:100%;font-size:12px
 }
 #main .sv-article-lead-with-image+.sv-reading-layout{padding-top:60px}
}
@keyframes su-article-cover-enter{
 from{opacity:0;transform:translateY(45px)}
 to{opacity:1;transform:none}
}
@keyframes su-article-photo-enter{
 from{transform:scale(1.08)}to{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){
 #main .sv-article-lead .sv-article-cover,
 #main .sv-article-lead .sv-article-image-frame img{animation:none!important;transition:none!important}
}

/* Supplements uses the same title footprint, fitted to its longer word. */
body.su-wide-page-title #main .sv-supplements-page .sv-masthead h1{
 font-size:13.3vw!important
}
@media(max-width:760px){
 body.su-wide-page-title #main .sv-supplements-page .sv-masthead h1{
  font-size:16.3vw!important
 }
}

/* Filters begin at the left edge, with a clear question link. */
#main .sv-filter-heading{
 display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
 gap:24px;width:100%
}
#main .sv-filter-heading .filter-buttons{margin:0;justify-content:flex-start}
#main .sv-filter-heading .sv-ask-question{
 display:inline-flex;align-items:center;gap:12px;min-height:44px;
 padding:8px 0;font-size:14px;font-weight:650;white-space:nowrap;
 color:#fff;border-bottom:1px solid #666
}
#main .sv-ask-question span{display:inline-block;transition:transform .25s ease}
#main .sv-filter-heading .sv-ask-question:hover{color:#bdff63;border-color:#bdff63}
#main .sv-ask-question:hover span{transform:translate(3px,-3px)}
@media(max-width:760px){#main .sv-filter-heading{align-items:flex-start;gap:18px}}

/* Strong black navigation with a green My Space button. */
body #top.site-header>.header-inner :is(.site-nav a,.adhder-menu-trigger),
body #top.site-header>.header-inner :is(.site-nav a,.adhder-menu-trigger):is(:hover,:focus-visible){
 color:#000!important;font-weight:750!important
}
body #top.site-header>.header-inner .site-nav a.nav-cta-myspace,
body #top.site-header>.header-inner .site-nav a.nav-cta-myspace:is(:hover,:focus-visible){
 background:#bdff63!important;color:#000!important;border-color:#bdff63!important
}

/* Match the filter row spacing to the image gutters. */
#main .sv-filter-heading{
 margin-bottom:20px!important;padding-left:20px;padding-right:20px;
 box-sizing:border-box
}

/* Small page labels and full-width mobile mastheads. */
@media(max-width:760px){
 #main .sv-introduction>.su-label{font-size:12px!important;line-height:1.3!important}
 body #main .sv-masthead{width:100%!important;max-width:100%!important}
}

/* Compact mobile collection controls. */
#main .sv-introduction>.sv-mobile-ask{display:none}
@media(max-width:760px){
 body #main .sv-masthead{padding-top:20px!important}
 #main .sv-introduction>.su-label{margin-bottom:10px!important}
 #main .sv-filter-heading{padding-left:0!important;padding-right:0!important}
 #main .sv-filter-heading .filter-buttons{gap:6px}
 #main .sv-filter-heading .filter-btn{
  padding:7px 10px!important;font-size:11px!important;min-height:30px!important
 }
 #main .sv-filter-heading>.sv-ask-question{display:none!important}
 #main .sv-introduction>.sv-mobile-ask{
  display:inline-flex;align-items:center;gap:10px;margin-top:20px;
  min-height:44px;padding:8px 0;font-size:13px;font-weight:650;
  color:#fff;border:0!important;text-decoration:none
 }
 #main .sv-introduction>.sv-mobile-ask:hover{color:#bdff63}
 #main .sv-ask-question{border-bottom:0!important}
}

/* Mobile: compact title, label/question row, introduction and filters. */
@media(max-width:760px){
 body #main .sv-masthead{margin-bottom:10px!important}
 #main .sv-introduction{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:12px;row-gap:10px;margin-bottom:20px!important;min-height:0
 }
 #main .sv-introduction>.su-label{
  grid-column:1;grid-row:1;position:static;align-self:center;
  margin:0!important;min-width:0
 }
 #main .sv-introduction>p{grid-column:1 / -1;grid-row:2}
 #main .sv-introduction>.sv-mobile-ask{
  grid-column:2;grid-row:1;justify-self:end;align-self:center;
  margin:0!important;padding:0!important;min-height:0;
  font-size:11px;line-height:1.3;gap:6px;white-space:nowrap
 }
 #main .sv-browse{margin-top:0!important;padding-top:0!important}
}

/* Full-width article heading and byline, aligned to the same edges. */
#main .sv-article-lead .sv-article-introduction{
 width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important
}
#main .sv-article-lead .sv-article-introduction h1,
#main .sv-article-lead .sv-article-introduction .sv-article-deck,
#main .sv-article-lead .sv-article-introduction .sv-article-byline{
 width:100%!important;max-width:none!important;box-sizing:border-box
}
#main .sv-article-lead .sv-article-introduction .sv-article-byline{
 flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap
}
#main .sv-article-lead .sv-article-image-frame{overflow:hidden}
#main .sv-article-lead .sv-article-image-frame img{
 animation:none!important;transition:none!important;transform-origin:center
}

/* Article introduction is inset by 15% of the image width on either side. */
@media(min-width:901px){
 #main .sv-article-lead .sv-article-introduction{
  width:70%!important;max-width:980px!important;
  margin-left:auto!important;margin-right:auto!important
 }
}

/* Compact article summary beneath the headline. */
#main .sv-article-lead .sv-article-introduction .sv-article-deck{
 width:100%!important;max-width:200px!important;
 font-size:14px!important;line-height:1.5!important;letter-spacing:0!important
}

/* Small category back-link above article headlines. */
#main .sv-article-introduction>.sv-article-category{
 display:inline-flex;align-items:center;gap:7px;
 font-size:12px!important;line-height:1.4!important
}
@media(max-width:760px){
 #main .sv-article-lead,#main .sv-article-lead-with-image{padding-top:25px}
 #main .sv-article-introduction>.sv-article-category{font-size:11px!important}
 #main .sv-article-introduction h1{margin-top:40px!important}
}

/* Mobile read time follows the compact description's right edge. */
@media(max-width:760px){
 #main .sv-article-lead .sv-article-introduction .sv-article-byline{
  width:200px!important;max-width:100%!important;
  justify-content:flex-end;gap:0;font-size:11px;line-height:1.3
 }
 #main .sv-article .sv-article-byline>span:first-child{display:none}
 #main .sv-article .sv-article-byline>span:last-child{
  font-size:11px!important;padding:2px 5px
 }
}

/* Mobile read time sits opposite the category back-link. */
#main .sv-mobile-read-time{display:none}
@media(max-width:760px){
 #main .sv-article-introduction{position:relative}
 #main .sv-article-introduction>.sv-article-category{max-width:calc(100% - 90px)}
 #main .sv-article-introduction>.sv-mobile-read-time{
  display:block;position:absolute;top:0;right:0;font-size:11px;line-height:1.4;
  padding:2px 5px;background:#d6ffab;color:#111;font-weight:600;white-space:nowrap
 }
 #main .sv-article-lead .sv-article-introduction .sv-article-byline{display:none}
}

/* Article headline enters with a gentle upward slide and straighten. */
#main .sv-article-introduction h1{
 animation:su-article-title-enter .85s cubic-bezier(.16,1,.3,1) both;
 transform-origin:left bottom
}
@keyframes su-article-title-enter{
 from{opacity:0;transform:translateY(26px) rotate(1deg)}
 to{opacity:1;transform:none}
}
@media(max-width:760px){
 #main .sv-article-introduction h1{margin-top:16px!important}
}
@media(prefers-reduced-motion:reduce){
 #main .sv-article-introduction h1{animation:none!important}
}

/* Footer reveal: opaque page content scrolls over the footer below it. */
body.su-footer-reveal{isolation:isolate}
body.su-footer-reveal>#main{
 position:relative;z-index:1;background:#000;min-height:100svh
}
body.su-footer-reveal>.su-footer{
 position:sticky;bottom:min(0px,calc(100dvh - var(--su-footer-height,100dvh)));
 z-index:0;width:100%;box-sizing:border-box;
 opacity:1!important;transform:none!important
}
@media print{
 body.su-footer-reveal>.su-footer{position:static}
}

/* Highlighted wordmark finishes at the clipped bottom edge of the footer. */
body>.su-footer{
 background:#2e323d!important;display:flex;flex-direction:column;
 padding-bottom:0!important;overflow:hidden
}
body>.su-footer>.su-footer-heading{order:0}
body>.su-footer>.su-footer-columns{order:1}
body>.su-footer>.su-footer-bottom{order:2;margin-top:35px}
body>.su-footer>.su-footer-brand{
 order:3;align-self:flex-start;display:block;width:max-content;max-width:100%;
 background:#bdff63!important;color:#000!important;
 margin:35px 0 0!important;padding:0 .025em;line-height:.9;
 transform:translateY(5px);flex-shrink:0
}

/* Compact mobile footer, with an edge-to-edge unhighlighted wordmark. */
@media(max-width:760px){
 body>.su-footer{padding:30px 12px 0!important}
 body>.su-footer .su-footer-heading>span{font-size:11px}
 body>.su-footer .su-footer-heading h2{
  font-size:clamp(28px,7.8vw,42px)!important;margin:18px 0 28px!important
 }
 body>.su-footer .su-footer-columns{
  gap:22px 16px;font-size:12px;line-height:1.35
 }
 body>.su-footer .su-footer-columns>div{gap:4px}
 body>.su-footer .su-footer-columns>div>span{font-size:11px;margin-bottom:7px}
 body>.su-footer .su-footer-columns p{margin-bottom:6px}
 body>.su-footer .su-footer-columns a{padding:3px 0}
 body>.su-footer>.su-footer-bottom{
  margin-top:22px;gap:12px;font-size:10px;line-height:1.4
 }
 body>.su-footer>.su-footer-brand{
  align-self:stretch;width:calc(100% + 24px);max-width:none;
  margin:24px -12px 0!important;padding:0!important;
  background:transparent!important;font-size:34vw!important;
  letter-spacing:-.065em;line-height:.9
 }
}

/* Mobile wordmark matches desktop's highlight, flush left and bottom. */
@media(max-width:760px){
 body>.su-footer>.su-footer-brand{
  align-self:flex-start;display:block;width:max-content;max-width:calc(100% + 12px);
  margin:24px 0 0 -12px!important;padding:0!important;
  background:#bdff63!important;color:#000!important;
  font-size:32vw!important;line-height:.9!important;
  transform:translateY(5px)!important
 }
}

/* Footer wordmark movement follows scrolling in both directions. */
body.su-footer-reveal>.su-footer>.su-footer-brand{
 transform:translate(var(--su-footer-word-x,0%),5px)!important
}
@media(prefers-reduced-motion:reduce){
 body.su-footer-reveal>.su-footer>.su-footer-brand{transform:translateY(5px)!important}
}

/* Member navigation sits directly below the shared header. */
body #main>.su-member-nav{
 display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;
 width:100%;max-width:none;position:relative;padding:12px 20px;margin:0 0 24px;
 background:#fff;color:#111;border-bottom:1px solid #ddd;box-sizing:border-box
}
body #main>.su-member-nav>a,body #main>.su-member-nav button{
 display:inline-flex;align-items:center;min-height:38px;padding:6px 0;
 color:#444;background:transparent;border:0;font:600 13px/1.4 Switzer,Arial,sans-serif;
 text-decoration:none;white-space:nowrap;cursor:pointer
}
body #main>.su-member-nav>a.active{color:#000;box-shadow:inset 0 -2px #7bad30}
body #main>.su-member-nav>a:hover,body #main>.su-member-nav button:hover{color:#000}
body #main>.su-member-nav>form{margin:0 0 0 auto;flex-shrink:0}
#main .su-member-page-heading{padding:25px 0 35px}
#main .su-member-page-heading h1{
 font-size:clamp(30px,3vw,44px)!important;line-height:1.1!important;
 font-weight:500!important;letter-spacing:-.035em!important;margin:0 0 16px!important
}
#main .su-member-page-heading p{
 font-size:16px!important;line-height:1.5!important;color:#aaa!important;max-width:650px!important
}
#main .su-member-page-heading~.member-section .sv-member-content.adhder-intro>p{
 font-size:16px!important;line-height:1.5!important;margin-left:0!important
}
#main .su-member-page-heading~.member-section .sv-member-content.adhder-intro>.btn{margin-left:0}
#main .su-member-page-heading~.member-section .sv-resource-row p{font-size:16px!important}
@media(max-width:760px){
 body #main>.su-member-nav{
  flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;gap:20px;padding:8px 12px;margin-bottom:0;
  scrollbar-width:thin
 }
 body #main>.su-member-nav>a,body #main>.su-member-nav>form{flex-shrink:0}
 body #main>.su-member-nav>a,body #main>.su-member-nav button{font-size:12px}
 #main .su-member-page-heading{padding:25px 0 28px}
 #main .su-member-page-heading p{font-size:14px!important}
}

/* Compact white member links on charcoal, with short vertical dividers. */
body #main>.su-member-nav{
 background:#2e323d!important;color:#fff;gap:0;
 padding:8px 14px;border:0
}
body #main>.su-member-nav>a,
body #main>.su-member-nav>a.active,
body #main>.su-member-nav>a:hover,
body #main>.su-member-nav button,
body #main>.su-member-nav button:hover{
 color:#fff!important;box-shadow:none!important;text-decoration:none!important;
 min-height:30px;padding:5px 12px;position:relative
}
body #main>.su-member-nav>a+a::before,
body #main>.su-member-nav>form::before{
 content:"";position:absolute;left:0;top:50%;height:7px;
 width:1px;background:#ffffff80;transform:translateY(-50%);pointer-events:none
}
body #main>.su-member-nav>form{position:relative;margin-left:0}
@media(max-width:760px){
 body #main>.su-member-nav{padding:4px 5px;gap:0}
 body #main>.su-member-nav>a,
 body #main>.su-member-nav>a.active,
 body #main>.su-member-nav button{
  min-height:27px;padding:4px 8px;font-size:10px;line-height:1.3
 }
}

/* Member navigation and the overview greeting. */
body #main>.su-member-nav>form{margin-left:auto}
#main .su-member-name{background:#bdff63;color:#000;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* App information follows the shared editorial page rhythm. */
#main .su-app-features{display:grid;grid-template-columns:1fr 1fr;gap:70px 40px;margin:90px 0}
#main .su-app-features article{border-top:1px solid #333;padding-top:24px}
#main .su-app-features article>span{font-size:12px;color:#999}
#main .su-app-features h2{font-size:clamp(30px,3.5vw,52px)!important;line-height:1.08!important;margin:22px 0!important;font-weight:500!important;letter-spacing:-.04em}
#main .su-app-features p{font-size:18px!important;line-height:1.5!important;color:#aaa!important;max-width:550px}
#main .su-app-start{margin-bottom:60px}
#main .su-app-start .sv-text-link{display:inline-block;margin-top:20px;color:#bdff63}
@media(max-width:760px){
 #main .su-app-features{grid-template-columns:1fr;gap:38px;margin:55px 0}
 #main .su-app-features p{font-size:16px!important}
 body #main>.su-member-nav>form{margin-left:auto}
}

/* Centred main links, with account and menu actions anchored right. */
body #top.site-header>.header-inner{display:grid!important;grid-template-columns:1fr auto 1fr;gap:16px!important}
body #top.site-header>.header-inner>.brand{justify-self:start}
body #top.site-header>.header-inner>.adhder-header-label{display:none!important}
body #top.site-header>.header-inner>.site-nav{margin:0!important;justify-self:center;gap:clamp(12px,1.6vw,26px)}
body #top.site-header>.header-inner>.su-header-actions{display:flex;align-items:center;justify-self:end;gap:12px;min-width:0}
body #top.site-header>.header-inner .su-header-actions .nav-cta{
 display:inline-flex;align-items:center;padding:6px 12px;background:transparent;
 border:1px solid #000;border-radius:100px;color:#000!important;
 font-size:12px;font-weight:750;line-height:1.4;white-space:nowrap;text-decoration:none
}
body #top.site-header>.header-inner .su-header-actions .nav-cta-myspace{background:#bdff63!important;border-color:#bdff63}
body #top.site-header>.header-inner .su-header-actions .adhder-menu-trigger{
 background:#000!important;color:#fff!important;padding:9px 12px!important;margin:0!important;
 border-radius:3px;gap:8px!important
}
body #top.site-header>.header-inner .su-header-actions .adhder-menu-symbol i{background:#fff!important}
@media(max-width:900px){
 body #top.site-header>.header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px!important}
 body #top.site-header>.header-inner>.site-nav{display:none!important}
 body #top.site-header>.header-inner>.su-header-actions{gap:7px}
 body #top.site-header>.header-inner .su-header-actions .nav-cta{font-size:10px;padding:6px 8px}
 body #top.site-header>.header-inner .su-header-actions .adhder-menu-trigger{font-size:10px!important;padding:9px 8px!important}
 body #top.site-header>.header-inner .brand .mx-brand-descriptor{display:none!important}
}

/* Matching dark account/menu actions and stronger central navigation. */
body #top.site-header>.header-inner .su-header-actions a.nav-cta-myspace{
 background:#000!important;border-color:#000!important;color:#fff!important;
 border-radius:3px;padding:9px 12px
}
@media(min-width:901px){
 body #top.site-header>.header-inner>.site-nav>a{font-weight:850!important}
 body #top.site-header .adhder-mega-menu{top:calc(100% + 20px)!important}
}
/* Both lower dropdown panels share the same charcoal treatment. */
body #top.site-header .adhder-mega-menu .adhder-mega-panel{
 background:#2e323d!important;color:#fff!important;
 transition:background-color .25s ease;padding:20px;gap:10px
}
body #top.site-header .adhder-mega-menu .adhder-mega-panel:is(:hover,:focus-within){background:#3b404d!important}
body #top.site-header .adhder-mega-menu .adhder-mega-panel :is(a,span,div){color:#fff!important}
body #top.site-header .adhder-mega-menu .adhder-mega-panel a:is(:hover,:focus-visible){background:transparent!important;color:#fff!important}
@media(max-width:900px){
 body.su-mobile-menu-open{overflow:hidden}
 body #top.site-header .adhder-mega-menu{
  position:fixed!important;top:var(--su-menu-top,49px)!important;
  left:0!important;right:0!important;bottom:0!important;width:100%!important;
  height:calc(100dvh - var(--su-menu-top,49px))!important;max-height:none!important;
  border:0!important;border-radius:0!important;padding:12px!important;
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box;box-shadow:none!important
 }
 body #top.site-header .adhder-mega-menu .adhder-mega-main{padding:12px 8px 20px}
 body #top.site-header .adhder-mega-subgrid{gap:10px}
 body #top.site-header .adhder-mega-menu .adhder-mega-panel{padding:16px;min-height:140px}
 body #top.site-header>.header-inner .su-header-actions a.nav-cta-myspace{padding:9px 8px;font-size:10px}
}

/* Stable right-hand button labels, including hover and open states. */
body #top.site-header>.header-inner .su-header-actions a.nav-cta-myspace,
body #top.site-header>.header-inner .su-header-actions a.nav-cta-myspace:is(:hover,:focus-visible){
 background:#2e323d!important;border-color:#2e323d!important;color:#fff!important
}
body #top.site-header>.header-inner .su-header-actions button.adhder-menu-trigger,
body #top.site-header>.header-inner .su-header-actions button.adhder-menu-trigger:is(:hover,:focus-visible,[aria-expanded="true"]){
 background:#000!important;color:#fff!important
}
body #top.site-header>.header-inner .su-header-actions button.adhder-menu-trigger>span{color:#fff!important}

/* Navigation labels retain the same typography through their rolling hover. */
@media(min-width:901px){
 body #top.site-header>.header-inner>.site-nav>a,
 body #top.site-header>.header-inner>.site-nav>a:is(:hover,:focus-visible){
  font-size:12px!important;font-weight:850!important;position:relative
 }
 body #top.site-header>.header-inner>.site-nav>a .su-nav-word,
 body #top.site-header>.header-inner>.site-nav>a .su-nav-word::before{
  font:inherit!important;letter-spacing:inherit!important
 }
}
body #top.site-header>.header-inner>.site-nav>a>.su-nav-update{
 position:absolute;right:-16px;top:-12px;padding:2px 4px;
 background:#bdff63;color:#000!important;border-radius:2px;
 font:800 7px/1.15 Switzer,Arial,sans-serif!important;letter-spacing:.025em;
 pointer-events:none
}

/* Category controls must remain visible independently of scroll effects. */
body #main .sv-filter-heading{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;opacity:1!important;visibility:visible!important;transform:none!important}
body #main .sv-filter-heading .filter-buttons{display:flex!important;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;opacity:1!important;visibility:visible!important}
body #main .sv-filter-heading .filter-btn{display:inline-flex!important;align-items:center;flex:0 0 auto;opacity:1!important;visibility:visible!important;color:#fff!important;background:transparent!important;border:1px solid #666!important}
body #main .sv-filter-heading .filter-btn:is(.selected,:hover){background:#bdff63!important;border-color:#bdff63!important;color:#000!important}
body #main :is(.sv-article-grid,.article-grid)>[data-category][hidden]{display:none!important}
@media(max-width:760px){body #main .sv-filter-heading .filter-buttons{width:100%;flex-wrap:nowrap!important;overflow-x:auto;padding:3px 0 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}body #main .sv-filter-heading .filter-btn{white-space:nowrap}}

/* Listing category pills stick below the measured main navigation. */
body #main .sv-filter-heading{position:sticky!important;top:var(--adhder-sticky-nav-height,64px)!important;z-index:900!important;background:#000!important;padding-top:12px!important;padding-bottom:12px!important;transform:none!important;animation:none!important;opacity:1!important;visibility:visible!important}
@media(max-width:900px){body #main .sv-filter-heading{top:var(--adhder-sticky-nav-height,52px)!important}}

/* One horizontally scrolling category row on desktop and mobile. */
body #main .sv-filter-heading .filter-buttons{flex:1 1 0%;width:100%;min-width:0;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 0 10px!important;scrollbar-width:thin;scrollbar-color:#d3d3d3 transparent;-webkit-overflow-scrolling:touch}
body #main .sv-filter-heading .filter-btn{white-space:nowrap!important;flex:0 0 auto!important}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar{height:8px!important;width:8px!important}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-track{background:transparent}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb{background:#d3d3d3;border:0;border-radius:0}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
@media(min-width:761px){body #main .sv-filter-heading{flex-wrap:nowrap!important}body #main .sv-filter-heading>.sv-ask-question{flex:0 0 auto}}

/* Muted category scrollbar, brighter while hovering over the links. */
body #main .sv-filter-heading .filter-buttons{padding-bottom:15px!important;scrollbar-color:#555 transparent;transition:scrollbar-color .25s ease}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb{background:#555;transition:background-color .25s ease}
body #main .sv-filter-heading .filter-buttons:hover{scrollbar-color:#aaa transparent}
body #main .sv-filter-heading .filter-buttons:hover::-webkit-scrollbar-thumb{background:#aaa}
@media(prefers-reduced-motion:reduce){body #main .sv-filter-heading .filter-buttons,body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb{transition:none}}


/* Hide listing question actions before scripts initialise. */
body #main .sv-introduction>.sv-ask-question,
body #main .sv-filter-heading>.sv-ask-question{display:none!important}

/* Category edge fades respond to horizontal scroll position. */
body #main .sv-filter-heading .filter-buttons{--category-left-fade:0px;padding-left:0!important;padding-right:0!important;scroll-padding-left:0;scroll-padding-right:0;scrollbar-width:auto!important;scrollbar-color:#555 transparent;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--category-left-fade),#000 calc(100% - 115px),rgba(0,0,0,.32) calc(100% - 35px),transparent 100%),linear-gradient(#000,#000);-webkit-mask-size:100% calc(100% - 12px),100% 12px;-webkit-mask-position:top,bottom;-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(to right,transparent 0,#000 var(--category-left-fade),#000 calc(100% - 115px),rgba(0,0,0,.32) calc(100% - 35px),transparent 100%),linear-gradient(#000,#000);mask-size:100% calc(100% - 12px),100% 12px;mask-position:top,bottom;mask-repeat:no-repeat}
body #main .sv-filter-heading .filter-buttons.is-scrolled-right{--category-left-fade:24px}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar{height:12px!important;width:12px!important}
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-button,
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-button:single-button,
body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-button:double-button{display:none!important;width:0!important;height:0!important;background:transparent!important;border:0!important}
@supports selector(::-webkit-scrollbar){body #main .sv-filter-heading .filter-buttons{scrollbar-width:auto!important;scrollbar-color:auto!important}body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-track{background:transparent}body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb{background:#555;border:0;border-radius:0}body #main .sv-filter-heading .filter-buttons:hover::-webkit-scrollbar-thumb{background:#aaa}}

/* Hide the mobile bar while keeping swipe scrolling available. */
@media(max-width:900px){
 body #main .sv-filter-heading .filter-buttons{scrollbar-width:none!important}
 body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}
}
/* A darker desktop bar until the category row is hovered. */
@media(min-width:901px){
 body #main .sv-filter-heading .filter-buttons{scrollbar-color:#303030 transparent!important}
 body #main .sv-filter-heading .filter-buttons:hover{scrollbar-color:#aaa transparent!important}
 body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb{background:#303030!important}
 body #main .sv-filter-heading .filter-buttons:hover::-webkit-scrollbar-thumb{background:#aaa!important}
 @supports selector(::-webkit-scrollbar){body #main .sv-filter-heading .filter-buttons,body #main .sv-filter-heading .filter-buttons:hover{scrollbar-color:auto!important}}
}

/* Card typography: more breathing room beside desktop descriptions. */
@media(min-width:761px){
 body #main .sv-article-grid .su-story-card>p{font-size:15px!important;max-width:min(600px,85%)!important}
 body #main .sv-article-grid .su-story-card h3{font-size:clamp(30px,calc(2.35vw + 5px),41px)!important;font-weight:400!important}
}
@media(min-width:521px) and (max-width:760px){body #main .sv-article-grid .su-story-card>p{font-size:13px!important}}
@media(max-width:520px){body #main .sv-article-grid .su-story-card>p{font-size:15px!important}}

/* Mobile card metadata moves onto the image. */
body #main .su-story-image>.adhder-card-read-time{display:none}
@media(max-width:760px){
 body #main .sv-article-grid .su-story-meta{display:none!important}
 body #main .sv-article-grid .su-story-image{position:relative}
 body #main .sv-article-grid .su-story-image>.adhder-card-read-time{display:inline-block!important;position:absolute;right:8px;bottom:8px;z-index:2;padding:3px 6px;border-radius:3px;background:#bdff63;color:#000;font-size:10px;line-height:1.3;font-weight:600;text-transform:uppercase;pointer-events:none}
 body #main .sv-article-grid .su-story-card h3{margin-top:12px!important}
 body #main .sv-article-grid .su-story-card>p{font-size:14px!important;line-height:1.3!important}
}
@media(min-width:521px) and (max-width:760px){body #main .sv-article-grid .su-story-card>p{font-size:12px!important}}
@media(min-width:761px){body #main .sv-article-grid .su-story-card>p{max-width:min(600px,75%)!important}}

/* Lighter desktop card titles and narrower text columns. */
@media(min-width:761px){
 body #main .sv-article-grid .su-story-card h3{font-weight:300!important;width:80%!important;max-width:80%!important}
 body #main .sv-article-grid .su-story-card>p{width:65%!important;max-width:min(600px,65%)!important}
}

body #main .su-story-image>.adhder-desktop-image-meta{display:none!important}
@media(min-width:761px){
 body #main .sv-article-grid .su-story-card>.su-story-meta{display:none!important}
 body #main .sv-article-grid .su-story-image>.adhder-desktop-image-meta{display:flex!important;position:absolute;left:8px;right:8px;bottom:8px;z-index:2;align-items:center;justify-content:space-between;gap:12px;margin:0!important;font-size:11px!important;line-height:1.3;pointer-events:none}
 body #main .adhder-desktop-image-meta>span{padding:4px 7px;border-radius:3px;background:#bdff63;color:#000;white-space:nowrap}
 body #main .sv-article-grid .su-story-card h3{margin-top:16px!important}
}

/* Smaller, tighter and dimmer mobile card descriptions. */
@media(max-width:520px){body #main .sv-article-grid .su-story-card>p{font-size:13px!important;line-height:1.22!important;color:#888!important}}
@media(min-width:521px) and (max-width:760px){body #main .sv-article-grid .su-story-card>p{font-size:11px!important;line-height:1.22!important;color:#888!important}}

/* Keep the shared reading-time badge visible on desktop as well. */
@media(min-width:761px){
 body #main .sv-article-grid .su-story-image>.adhder-card-read-time{display:block!important;position:absolute;right:8px;bottom:8px;z-index:5;padding:4px 7px;border-radius:3px;background:#bdff63!important;color:#000!important;font-size:11px;line-height:1.3;font-weight:600;opacity:1!important;visibility:visible!important;pointer-events:none}
 body #main .sv-article-grid .adhder-desktop-image-meta>span:last-child{display:none!important}
}
@media(max-width:760px){
 body #main .sv-article-grid .su-story-card>p{display:block!important;overflow:hidden!important;max-height:4.88em!important}
 body #main .su-story-card>p .adhder-end-first{background:linear-gradient(to right,#888,#444);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
 body #main .su-story-card>p .adhder-end-last{background:linear-gradient(to right,#444,#000);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
}

/* Plain category labels; only the reading-time badge has a green background. */
body #main .sv-article-grid .adhder-desktop-image-meta>span:first-child{background:transparent!important;color:#fff!important;padding:4px 0!important;border:0!important;border-radius:0!important}
body #main .sv-article-grid .su-story-image>.adhder-card-read-time{text-transform:uppercase!important}

/* Hovering a card gently dims its neighbours. */
@media(hover:hover) and (pointer:fine){
 body #main .sv-article-grid>.su-story-card{transition:opacity .25s ease}
 body #main .sv-article-grid:has(>.su-story-card:hover)>.su-story-card:not(:hover){opacity:.45}
}
/* Draw from top-left and bottom-right together. */
body #main .sv-article-grid .su-story-card .su-story-image::before,
body #main .sv-article-grid .su-story-card .su-story-image::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:6;pointer-events:none;border:0!important;box-shadow:none!important;clip-path:none!important;background-repeat:no-repeat!important;background-size:0% 3px,3px 0%!important;transition:background-size .65s cubic-bezier(.22,1,.36,1)!important}
body #main .sv-article-grid .su-story-card .su-story-image::before{background-image:linear-gradient(#bdff63,#bdff63),linear-gradient(#bdff63,#bdff63)!important;background-position:top left,top left!important}
body #main .sv-article-grid .su-story-card .su-story-image::after{background-image:linear-gradient(#bdff63,#bdff63),linear-gradient(#bdff63,#bdff63)!important;background-position:bottom right,bottom right!important}
body #main .sv-article-grid .su-story-card:is(:hover,:focus-visible) .su-story-image::before,
body #main .sv-article-grid .su-story-card:is(:hover,:focus-visible) .su-story-image::after{background-size:100% 3px,3px 100%!important}
@media(prefers-reduced-motion:reduce){body #main .sv-article-grid>.su-story-card,body #main .sv-article-grid .su-story-card .su-story-image::before,body #main .sv-article-grid .su-story-card .su-story-image::after{transition:none!important}}

/* Article categories: reveal the reserved scrollbar on hover, with subtle sibling dimming. */
@media (hover:hover) and (pointer:fine) {
 body #main .sv-filter-heading .filter-buttons {
  scrollbar-width:thin!important;
  scrollbar-color:transparent transparent!important;
 }
 body #main .sv-filter-heading .filter-buttons:hover,
 body #main .sv-filter-heading .filter-buttons:focus-within {
  scrollbar-color:#999 transparent!important;
 }
 body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar {
  display:block!important;height:8px!important;
 }
 body #main .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb {
  background:transparent!important;
 }
 body #main .sv-filter-heading .filter-buttons:hover::-webkit-scrollbar-thumb,
 body #main .sv-filter-heading .filter-buttons:focus-within::-webkit-scrollbar-thumb {
  background:#999!important;
 }
 body #main .sv-filter-heading .filter-buttons .filter-btn {
  opacity:1!important;transition:opacity .18s ease;
 }
 body #main .sv-filter-heading .filter-buttons:has(.filter-btn:hover) .filter-btn:not(:hover) {
  opacity:.72!important;
 }
 body #main .sv-filter-heading .filter-buttons .filter-btn:focus-visible {
  opacity:1!important;
 }
 @supports selector(::-webkit-scrollbar) {
  body #main .sv-filter-heading .filter-buttons,
  body #main .sv-filter-heading .filter-buttons:hover,
  body #main .sv-filter-heading .filter-buttons:focus-within {scrollbar-width:auto!important;scrollbar-color:auto!important}
 }
}
@media(prefers-reduced-motion:reduce){body #main .sv-filter-heading .filter-buttons .filter-btn{transition:none!important}}

/* Compact the gap above article categories on desktop. */
@media (min-width:761px) {
 body #main main.sv-collection > .sv-introduction {
  margin-bottom:12px!important;
  padding-bottom:0!important;
  min-height:0;
 }
 body #main main.sv-collection > .sv-browse {
  margin-top:0!important;
  padding-top:0!important;
 }
}

/* Category row: black behind the links, fading out beneath them. */
body #main main.sv-collection .sv-filter-heading {
 background:linear-gradient(to bottom,#000 0%,#000 42%,rgba(0,0,0,.78) 64%,rgba(0,0,0,.3) 84%,transparent 100%)!important;
}

/* Tighten the space below categories without changing card or mobile layouts. */
body #main main.sv-collection .sv-filter-heading {
 margin-bottom:8px!important;
 padding-bottom:4px!important;
}
/* Animate a registered colour property: native scrollbar thumbs cannot reliably
   animate their own background, but inherit this smoothly interpolated value. */
@property --adhder-scroll-thumb {
 syntax:"<color>";
 inherits:true;
 initial-value:transparent;
}
@media (hover:hover) and (pointer:fine) {
 body #main main.sv-collection .sv-filter-heading .filter-buttons {
  --adhder-scroll-thumb:transparent;
  transition:--adhder-scroll-thumb .3s ease!important;
  scrollbar-color:var(--adhder-scroll-thumb) transparent!important;
 }
 body #main main.sv-collection .sv-filter-heading .filter-buttons:hover,
 body #main main.sv-collection .sv-filter-heading .filter-buttons:focus-visible {
  --adhder-scroll-thumb:#999;
 }
 body #main main.sv-collection .sv-filter-heading .filter-buttons::-webkit-scrollbar-thumb,
 body #main main.sv-collection .sv-filter-heading .filter-buttons:hover::-webkit-scrollbar-thumb,
 body #main main.sv-collection .sv-filter-heading .filter-buttons:focus-within::-webkit-scrollbar-thumb {
  background:var(--adhder-scroll-thumb)!important;
 }
 @supports selector(::-webkit-scrollbar) {
  body #main main.sv-collection .sv-filter-heading .filter-buttons,
  body #main main.sv-collection .sv-filter-heading .filter-buttons:hover,
  body #main main.sv-collection .sv-filter-heading .filter-buttons:focus-within {
   scrollbar-color:auto!important;
  }
 }
}
@media(prefers-reduced-motion:reduce){
 body #main main.sv-collection .sv-filter-heading .filter-buttons{transition:none!important}
}

/* A quiet text action beneath the article grid. */
body #main main.sv-collection .adhder-load-more {
 display:block;margin:28px auto 0;padding:4px 0;background:none!important;
 border:0!important;border-radius:0;box-shadow:none!important;color:inherit;
 font:inherit;font-size:14px;line-height:1.4;cursor:pointer;text-transform:none;
}
body #main main.sv-collection .adhder-load-more:hover {text-decoration:underline;text-underline-offset:4px}
body #main main.sv-collection .adhder-load-more:disabled {opacity:.5;cursor:wait}
body #main main.sv-collection .adhder-load-more[hidden] {display:none!important}
body #main main.sv-collection .adhder-batch-status {font-size:14px;text-align:center;margin:16px 0 0}
body #main main.sv-collection .adhder-batch-status:empty {display:none}