/* Tools CMS, Video and No Video: their own folded hero and continuous paper field. */
.uf-site .uf-editorial{background:var(--uf-paper);color:var(--uf-navy);--ed-width:971px}
.uf-site .uf-editorial [hidden]{display:none!important}
.uf-site .uf-editorial .uf-ed-hero{position:relative;isolation:isolate;display:block;min-height:397px;padding:64px 0 70px;background:#011b2b 62% 70%/cover no-repeat;color:#fff;opacity:1;transform:none;overflow:visible}
.uf-site .uf-editorial .uf-ed-hero>.wrap{display:block;position:relative;max-width:1256px;padding:0 24px;margin-inline:auto;text-align:left}
.uf-site .uf-editorial .uf-ed-hero>.wrap>*{max-width:750px}
.uf-site .uf-editorial .uf-ed-hero h1{font:400 clamp(32px,3.3vw,46px)/1.12 var(--uf-display);letter-spacing:0;max-width:750px;margin:20px 0 22px;overflow-wrap:normal;text-wrap:balance}
.uf-site .uf-editorial .uf-ed-hero :is(.sub,.dek,.addr){font:400 19px/1.48 var(--uf-body);max-width:700px;color:#eef2f3;margin:22px 0 0}
.uf-site .uf-editorial .uf-ed-hero :is(.kick,.tagf,.kick2){font:700 12px/1.5 var(--uf-body);letter-spacing:.08em;text-transform:uppercase;color:var(--uf-orange)!important;background:none!important;border:0;padding:0}
.uf-site .uf-editorial .uf-ed-hero .meta,.uf-site .uf-editorial .uf-ed-hero .em{display:flex;flex-wrap:wrap;gap:8px 20px;font:400 12px/1.5 var(--uf-body);letter-spacing:0;text-transform:none;color:#cad7de;margin-top:22px}
.uf-site .uf-editorial .uf-ed-hero .crumbs{font:400 12px/1.5 var(--uf-body);color:#c7d4dc;letter-spacing:0}
.uf-site .uf-editorial .uf-ed-hero .crumbs a{color:inherit}
/* 2026-10-16 audit: the guide and article breadcrumb links were 14px tall. The padding gives each a 44px tap area and
   the matching negative margin keeps the line, the row and every letter where they were (as .mxh-crumb a). */
.uf-site .uf-editorial .uf-ed-hero .crumbs a{display:inline-block;padding-block:13px;margin-block:-13px}
.uf-site .uf-editorial .uf-ed-hero :is(.xbg,.baseline){display:none}
.uf-site .uf-editorial .uf-ed-reading{background:var(--uf-paper);color:#1e1e1e;padding:0 0 80px}
.uf-site .uf-editorial .uf-ed-reading>.wrap{max-width:1019px;margin-inline:auto;padding-inline:24px}
.uf-site .uf-editorial .art{width:calc(100% - 48px);max-width:var(--ed-width);margin:0 auto;padding:72px 0 30px;background:transparent;color:#1e1e1e}
.uf-site .uf-editorial .art :is(p,li){font:400 18px/1.55 var(--uf-body);color:#263b47}
.uf-site .uf-editorial .art p{margin:0 0 24px}
.uf-site .uf-editorial .art h2{font:400 28px/1.22 var(--uf-display);letter-spacing:0;color:var(--uf-navy);margin:46px 0 24px;overflow-wrap:normal}
.uf-site .uf-editorial .art h2:first-child{margin-top:0}
.uf-site .uf-editorial .art h3{font:400 21px/1.3 var(--uf-display);color:var(--uf-navy);letter-spacing:0}
.uf-site .uf-editorial .art .fig{margin:38px 0 42px}
.uf-site .uf-editorial .art .fig :is(img,video){width:100%;display:block}
.uf-site .uf-editorial .art .fig .cap{display:block;position:static;background:transparent;color:#475c68;font:400 13px/1.5 var(--uf-body);padding:12px 0 0}
.uf-site .uf-editorial .art :is(.callout,.pull){position:relative;margin:34px 0;padding:28px 34px;background:#0b2838;color:#fff;border:0}
.uf-site .uf-editorial .art :is(.callout,.pull)::before{content:'';position:absolute;left:-18px;top:27px;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:18px solid #0b2838}
.uf-site .uf-editorial .art :is(.callout,.pull) :is(p,b){color:inherit}
.uf-site .uf-editorial .art .q{border:0;border-top:1px solid #cbd3d7;background:#fff;padding:25px 28px;margin:0 0 18px}
.uf-site .uf-editorial .art .q>b{display:block;font:400 20px/1.35 var(--uf-display);color:var(--uf-navy);letter-spacing:0;margin-bottom:15px}
.uf-site .uf-editorial .art .q .why{font-size:15px;line-height:1.55;color:#52626b}
.uf-site .uf-editorial .layout{max-width:var(--ed-width);display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;margin-inline:auto;padding:64px 0 0}
.uf-site .uf-editorial .layout>.art{width:100%;padding:0;margin:0;max-width:none;min-width:0}
.uf-site .uf-editorial .toc{position:sticky;top:24px;align-self:start;padding:0;background:transparent;color:var(--uf-navy)}
/* UF-18 (2026-10-03 audit, round 2): :not(.btn) - this rule's own 3-class selector otherwise beat the
   shared button system's font (theme.css) for the one .btn that happens to sit inside a .toc, by
   specificity. The jump-link face/height stays for the other .toc a links; the download button's own
   look (color/size only, below) now falls through to the shared face/case/radius/motion like every
   other button. */
.uf-site .uf-editorial .toc a:not(.btn){font:400 14px/1.45 var(--uf-body);min-height:44px;padding-block:10px;color:#324b59}
.uf-site .uf-editorial .toc .dl{background:#0b2838;color:white;margin-top:24px}
.uf-site .uf-editorial .toc .dl :is(p,b,a:not(.btn)){color:white}
.uf-site .uf-editorial .toc .dl .btn{background:var(--uf-orange);color:var(--uf-navy);font-size:12px}
.uf-site .uf-editorial :is(.rel,.next){padding:64px 0 0;background:transparent;color:var(--uf-navy);border-top:1px solid #cbd3d7}
.uf-site .uf-editorial :is(.rel,.next)>.wrap{max-width:1019px;padding-inline:24px}
.uf-site .uf-editorial :is(.rel,.next) h2{font:400 28px/1.25 var(--uf-display);margin:0 0 30px}
.uf-site .uf-editorial :is(.rel .grid,.next .grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.uf-site .uf-editorial :is(.rc,.nc){background:#fff;color:var(--uf-navy);border:0;box-shadow:none;min-width:0}
.uf-site .uf-editorial :is(.rc b,.nc b){font:400 17px/1.3 var(--uf-display);color:inherit;letter-spacing:0}
.uf-site .uf-editorial :is(.rc .rph,.nc .ph){height:auto;aspect-ratio:379/217;display:block;overflow:hidden}
.uf-site .uf-editorial :is(.rc .rph img,.nc .ph img){width:100%;height:100%;object-fit:cover}
.uf-site .uf-editorial .rc>span:not(.rph),.uf-site .uf-editorial .nc .bd{padding:20px;display:block}

/* CMS: original category control, first row crossing from the hero onto paper. */
.uf-site .uf-ed--cms .uf-ed-hero{min-height:519px;padding:55px 0 150px}
.uf-site .uf-ed--cms .uf-ed-hero h1{font-size:48px;max-width:720px}
.uf-site .uf-ed--cms .uf-ed-hero .sub{font-size:17px;max-width:650px}
.uf-site .uf-ed-category{margin-top:26px;max-width:382px}
.uf-site .uf-ed-category label{display:block;font:400 16px/1.5 var(--uf-body);margin-bottom:12px}
.uf-site .uf-ed-category select{display:block;width:100%;border:0;border-radius:0;min-height:56px;padding:16px 20px;background:var(--uf-orange);color:var(--uf-navy);font:400 16px/1.3 var(--uf-display);cursor:pointer}
.uf-site .uf-ed--cms .uf-ed-library{position:relative;z-index:1;background:transparent;color:var(--uf-navy);margin-top:-96px;padding:0 0 88px}
.uf-site .uf-ed--cms .uf-ed-library>.wrap{max-width:1256px;padding-inline:24px}
.uf-site .uf-ed-library-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.uf-site .uf-ed--cms #libgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:76px 36px;margin:0;scroll-margin-top:30px}
.uf-site .uf-ed--cms :is(.card,.rcard){color:var(--uf-navy);background:#fefdfd;box-shadow:none;border:0;border-radius:0;display:flex;flex-direction:column;min-width:0}
.uf-site .uf-ed--cms .card .ph{display:block;position:relative;height:auto;aspect-ratio:379/217;overflow:hidden}
.uf-site .uf-ed--cms .card .ph img{width:100%;height:100%;object-fit:cover}
.uf-site .uf-ed--cms .card .bd{display:flex;flex-direction:column;flex:1;padding:23px 24px 25px}
.uf-site .uf-ed-card-number{display:block;color:var(--uf-orange);font:400 23px/1.2 var(--uf-display);margin-bottom:6px}
.uf-site .uf-ed--cms .card b{font:400 20px/1.14 var(--uf-display);letter-spacing:0;color:var(--uf-navy);margin:0 0 18px;overflow-wrap:normal}
.uf-site .uf-ed--cms .card .dek{font:400 16px/1.5 var(--uf-body);color:#40535e;margin:0}
.uf-site .uf-ed--cms .card .foot{margin-top:auto;padding-top:22px}
.uf-site .uf-ed--cms .card .go{font:700 12px/1.4 var(--uf-body);color:#a04a00}
.uf-site .uf-ed-pagination{display:flex;gap:6px;justify-content:center;align-items:center;margin:64px 0 12px}
.uf-site .uf-ed-pagination button{width:44px;height:44px;border:0;background:transparent;color:var(--uf-navy);font:700 16px/1 var(--uf-body);cursor:pointer}
.uf-site .uf-ed-pagination [aria-current]{color:#ac5000;text-decoration:underline;text-underline-offset:6px}
.uf-site .uf-ed-page-status{text-align:center;font:400 13px/1.5 var(--uf-body);color:#526570;margin:0}
/* First paint for JavaScript readers equals the paged library (scripts/editorial_continuity.py): the category
   control, page 1 of the grid, the pager and its status are laid out before the pager script runs, so the
   library never shifts (CLS 0). No-JS readers keep every card and get no dead controls. */
html:not(.uf-ed-js) .uf-site .uf-ed-js-only{display:none}
.uf-ed-js .uf-site #libgrid:not([data-paged])>.card:nth-child(n+7){display:none}
.uf-site .uf-ed-library-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:40px}
.uf-site .uf-ed-library-links :is(.btns,.serieskey){margin:0;display:flex;flex-wrap:wrap;gap:16px}
.uf-site .uf-ed-library-links .serieskey{font:400 12px/1.5 var(--uf-body);color:#526570}
.uf-site .uf-ed-library-links .serieskey span{color:#526570;letter-spacing:.03em}
.uf-site .uf-ed-library-links .btn-line{color:var(--uf-navy);border-color:#526570}
.uf-site .uf-ed--cms :is(.feat,.rail,.lib,.ind){background:var(--uf-paper);color:var(--uf-navy);padding-block:70px;opacity:1;transform:none}
.uf-site .uf-ed--cms .uf-ed-library{padding-top:0;background:transparent}
.uf-site .uf-ed--cms :is(.feat,.rail,.ind)>.wrap{max-width:1256px;padding-inline:24px}
.uf-site .uf-ed--cms :is(.feat,.rail,.ind) h2{color:var(--uf-navy);font-size:32px;line-height:1.2}
.uf-site .uf-ed--cms :is(.fmain,.fsc){color:#fff}
.uf-site .uf-ed--cms .fsc .m{color:#c3d0d7}
.uf-site .uf-ed--cms :is(.rail .hd p,.ind p){color:#40535e!important;font:400 17px/1.5 var(--uf-body)}
.uf-site .uf-ed--cms .uf-ed-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:18px;margin-top:48px;transform:none}
.uf-site .uf-ed--cms .uf-ed-mosaic .mz{grid-area:auto;transform:none;min-width:0;min-height:0;height:auto;aspect-ratio:4/3;clip-path:none}
.uf-site .uf-ed--cms :is(.optin,.mag){background:#0b2838;color:white;opacity:1;transform:none;padding:70px 0}
.uf-site .uf-ed--cms :is(.optin,.mag) h2{font-size:32px;line-height:1.2}
.uf-site .uf-ed--cms .mag>.wrap>.sub{color:#d7e0e5}
.uf-site .uf-ed--cms .rail .sc-x{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/3);gap:28px;overflow-x:auto;overflow-y:hidden;padding:26px 0 28px}
.uf-site .uf-ed--cms .rcard{width:auto;flex:none;max-width:100%}
.uf-site .uf-ed--cms .rcard .ph{height:auto;aspect-ratio:379/217}
.uf-site .uf-ed--cms .rcard .num{top:auto;bottom:12px}

/* Video: source IDs and player controls retained inside a 971px overlapping frame. */
.uf-site .uf-ed--video .uf-ed-hero{min-height:560px;padding:70px 0 190px}
.uf-site .uf-ed--video .uf-ed-video-title{position:static;display:block;padding:0;background:none;color:white}
.uf-site .uf-ed--video .uf-ed-video-title>.btn{margin-top:24px}
.uf-site .uf-ed--video .uf-ed-media{position:relative;z-index:1;display:block;width:calc(100% - 48px);max-width:971px;margin:-200px auto 0;background:#01141e;border:0;box-shadow:none;overflow:visible}
.uf-site .uf-ed--video #player{aspect-ratio:971/548;height:auto;min-height:0}
.uf-site .uf-ed--video #player>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.uf-site .uf-ed--video #player>.sc{display:none}
.uf-site .uf-ed--video #bigplay{position:absolute;inset:50% auto auto 50%;width:110px;height:110px;transform:translate(-50%,-50%);border:5px solid white;border-radius:50%;background:#00152340;color:white;display:grid;place-items:center}
.uf-site .uf-ed--video #bigplay.hide{display:none}
.uf-site .uf-ed--video #bigplay svg{width:40px;height:40px;fill:white}
.uf-site .uf-ed--video #soundtag{position:absolute;left:16px;top:16px;background:#001523cc;color:white;font:400 12px/1.4 var(--uf-body);padding:8px 11px}
.uf-site .uf-ed--video .uf-ed-media .frame{position:relative;aspect-ratio:971/548;background:#01141e}
.uf-site .uf-ed--video .uf-ed-media .frame video{display:block;width:100%;height:100%;object-fit:cover}
.uf-site .uf-ed--video .uf-ed-media>.cap{display:block;background:var(--uf-paper);color:#40535e;font:400 13px/1.5 var(--uf-body);padding:14px 0 0}
.uf-site .uf-ed--video .chaps{position:relative;top:auto;background:var(--uf-paper);color:var(--uf-navy);border-bottom:1px solid #cbd3d7;margin-top:24px}
.uf-site .uf-ed--video .chaps>.wrap{max-width:1019px;display:flex;gap:8px;padding:12px 24px}
.uf-site .uf-ed--video .chap{flex:1;min-width:145px;min-height:60px;white-space:normal;background:transparent;color:var(--uf-navy);border:0;border-bottom:2px solid transparent;font:400 12px/1.4 var(--uf-body);padding:10px}
.uf-site .uf-ed--video .chap.on{border-bottom-color:var(--uf-orange);background:#fff}
.uf-site .uf-ed--video .chap i{font:700 12px/1.5 var(--uf-body);color:#a64f00;display:block}
.uf-site .uf-ed--video .elay{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;max-width:971px;margin:auto;padding:60px 0 70px}
.uf-site .uf-ed--video .story{min-width:0}
.uf-site .uf-ed--video .story h2{font:400 28px/1.25 var(--uf-display);color:var(--uf-navy);margin:16px 0 25px}
.uf-site .uf-ed--video .story p{font:400 18px/1.55 var(--uf-body);color:#263b47}
.uf-site .uf-ed--video .side{position:static;align-self:start;min-width:0}
.uf-site .uf-ed--video .side :is(.spec,.sub){padding:22px;margin-bottom:24px;border:0;border-top:3px solid var(--uf-orange);background:#fff;color:var(--uf-navy)}
.uf-site .uf-ed--video .side :is(.t,b){font:400 17px/1.3 var(--uf-display);letter-spacing:0}
.uf-site .uf-ed--video .side :is(p,li,span){font:400 13px/1.5 var(--uf-body);color:#40535e}
.uf-site .uf-ed--video .side :is(input,.btn){width:100%;min-width:0;min-height:44px;font-size:13px}
.uf-site .uf-ed--video .side input{color:var(--uf-navy);border:1px solid #9baeb8;background:white}
.uf-site .uf-ed--video .side input::placeholder{color:#536874}
.uf-site .uf-ed--video .side .btn{background:var(--uf-orange);color:var(--uf-navy);padding-inline:12px}
.uf-site .uf-ed--video .tr{margin-top:34px;border-block:1px solid #c4d0d5;background:#fff}
.uf-site .uf-ed--video .tr>.hd{display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px;text-align:left;border:0;background:transparent;color:var(--uf-navy);font:400 18px/1.4 var(--uf-display)}
.uf-site .uf-ed--video .tr.open>.bd{max-height:none}
.uf-site .uf-ed--video .tr .bd div{color:#40535e;font:400 16px/1.6 var(--uf-body)}

/* Legal and FAQ retain their notices and section anchors on one reading surface. */
.uf-site .uf-ed--legal .uf-ed-reading>.sec{background:transparent;color:var(--uf-navy);padding:42px 0}
.uf-site .uf-ed--legal .uf-ed-reading>.sec+.sec{border-top:1px solid #cbd3d7}
.uf-site .uf-ed--legal .sec>.wrap,.uf-site .uf-ed--faq .qa>.wrap{max-width:1019px;padding-inline:24px}
.uf-site .uf-ed--legal :is(.prose,.lnote){max-width:100%}
.uf-site .uf-ed--legal .sec h2{font:400 28px/1.25 var(--uf-display);color:var(--uf-navy)}
.uf-site .uf-ed--legal .prose :is(p,li){font:400 18px/1.6 var(--uf-body);color:#263b47}
/* The jump links left the hero (rule C3: two tags above the fold) and sit after the introduction as an "On this page"
   list (polish round 2026-10-03, P7): hairline rows like the reading column, an orange arrow, full-row targets. */
.uf-site .uf-ed--legal .uf-legal-toc h2{margin:0;font:400 20px/1.3 var(--uf-display);color:var(--uf-navy)}
.uf-site .uf-ed--legal .uf-legal-toc ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));column-gap:40px;margin:16px 0 0;padding:0;list-style:none}
.uf-site .uf-ed--legal .uf-legal-toc li{border-top:1px solid #cbd3d7}
.uf-site .uf-ed--legal .uf-legal-toc a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 2px;color:var(--uf-navy);font:500 17px/1.35 var(--uf-body);text-decoration:none}
.uf-site .uf-ed--legal .uf-legal-toc a::after{content:'';flex:none;width:9px;height:9px;margin-top:-5px;border-right:2px solid var(--uf-orange);border-bottom:2px solid var(--uf-orange);transform:rotate(45deg);transition:transform .2s}
.uf-site .uf-ed--legal .uf-legal-toc a:hover{color:#a64f00}
.uf-site .uf-ed--legal .uf-legal-toc a:hover::after{transform:translateY(3px) rotate(45deg)}
.uf-site .uf-ed--legal .uf-legal-toc a:focus-visible{outline:2px solid var(--uf-orange);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.uf-site .uf-ed--legal .uf-legal-toc a::after{transition:none}}
.uf-site .uf-ed--faq .qa{background:transparent;color:var(--uf-navy);padding:56px 0}
.uf-site .uf-ed--faq .qa .acc{max-width:none}
.uf-site .uf-ed--faq .jump{position:relative;top:auto;background:#fff}
.uf-site .uf-ed--faq .qa h2{font:400 28px/1.25 var(--uf-display)}
.uf-site .uf-ed--faq .band{margin:28px auto;max-width:971px;min-height:260px}

@media(min-width:801px){.uf-site .uf-ed--video .ahero{padding-bottom:240px}}
@media(max-width:1000px){
  .uf-site .uf-editorial .uf-ed-hero{background-position:62% 70%}
  .uf-site .uf-editorial .uf-ed-hero>.wrap>*{max-width:72%}
  .uf-site .uf-ed--cms #libgrid{gap:40px 24px}
  .uf-site .uf-ed--cms .card b{font-size:17px}
  .uf-site .uf-ed--video .elay{grid-template-columns:minmax(0,1fr) 220px;gap:28px}
}
@media(max-width:800px){
  .uf-site .uf-editorial .uf-ed-hero{min-height:0;padding:54px 0 60px;background-size:auto 100%;background-position:right center}
  .uf-site .uf-editorial .uf-ed-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#001523e6,#00152326)}
  .uf-site .uf-editorial .uf-ed-hero>.wrap>*{max-width:90%}
  .uf-site .uf-editorial .uf-ed-hero h1{font-size:34px;line-height:1.15}
  .uf-site .uf-editorial .uf-ed-hero :is(.sub,.dek){font-size:17px;line-height:1.5}
  .uf-site .uf-ed--cms .uf-ed-hero{padding-bottom:120px}
  .uf-site .uf-ed--cms #libgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-site .uf-ed--cms .rail .sc-x{grid-auto-columns:calc((100% - 28px)/2)}
  .uf-site .uf-ed--cms .uf-ed-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-site .uf-ed--cms .uf-ed-library{margin-top:-64px}
  .uf-site .uf-editorial .layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:40px}
  .uf-site .uf-editorial .toc{position:static;display:flex;flex-wrap:wrap;gap:8px 16px;border-bottom:1px solid #bdcbd2;padding-bottom:24px}
  .uf-site .uf-editorial .toc .t{width:100%}.uf-site .uf-editorial .toc .dl{width:100%;max-width:440px}
  .uf-site .uf-ed--video .uf-ed-hero{padding-bottom:130px}
  .uf-site .uf-ed--video .uf-ed-media{margin-top:-72px}
  .uf-site .uf-ed--video .elay{grid-template-columns:minmax(0,1fr);padding-top:36px}
  .uf-site .uf-ed--video .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .uf-site .uf-ed--video .side>.sub{grid-row:span 2}
}
@media(max-width:540px){
  .uf-site .uf-editorial .uf-ed-hero>.wrap,.uf-site .uf-editorial .uf-ed-reading>.wrap{padding-inline:20px}
  .uf-site .uf-editorial .uf-ed-hero>.wrap>*{max-width:100%}
  .uf-site .uf-editorial .uf-ed-hero h1{font-size:29px;line-height:1.17;text-wrap:initial}
  /* UF-19 (2026-10-03 audit): was 11px, under the 12px floor. */
  .uf-site .uf-editorial .uf-ed-hero .meta{gap:8px 14px;font-size:12px}
  .uf-site .uf-editorial .art{width:calc(100% - 40px);padding-top:44px}
  .uf-site .uf-editorial .art :is(p,li){font-size:17px;line-height:1.55}
  .uf-site .uf-editorial .art h2{font-size:24px;line-height:1.25}
  .uf-site .uf-editorial .art :is(.callout,.pull){padding:24px}
  .uf-site .uf-editorial .art .q{padding:22px 20px}
  .uf-site .uf-editorial .art .q>b{font-size:18px}
  .uf-site .uf-editorial :is(.rel,.next)>.wrap{padding-inline:20px}
  .uf-site .uf-editorial :is(.rel .grid,.next .grid){grid-template-columns:1fr}
  .uf-site .uf-ed--cms .uf-ed-library>.wrap,.uf-site .uf-ed--cms :is(.feat,.rail,.ind)>.wrap{padding-inline:20px}
  .uf-site .uf-ed--cms #libgrid{grid-template-columns:1fr;gap:32px}
  .uf-site .uf-ed--cms .rail .sc-x{grid-auto-columns:88%;gap:20px}
  .uf-site .uf-ed--cms .card b{font-size:20px}
  .uf-site .uf-ed-pagination{margin-top:38px}
  .uf-site .uf-ed-library-links{justify-content:flex-start}
  .uf-site .uf-ed--cms :is(.feat,.rail,.ind,.optin,.mag){padding-block:48px}
  .uf-site .uf-ed--video .uf-ed-media{width:calc(100% - 40px)}
  .uf-site .uf-ed--video #bigplay{width:64px;height:64px;border-width:3px}
  .uf-site .uf-ed--video #bigplay svg{width:25px;height:25px}
  .uf-site .uf-ed--video #soundtag{font-size:12px;padding:5px 8px;left:10px;top:10px}
  .uf-site .uf-ed--video .side{display:block}
  .uf-site .uf-ed--video .story h2{font-size:24px}
  .uf-site .uf-ed--video .story p{font-size:17px}
  .uf-site .uf-ed--legal .sec>.wrap,.uf-site .uf-ed--faq .qa>.wrap{padding-inline:20px}
  .uf-site .uf-ed--legal .sec h2{font-size:24px}
  .uf-site .uf-ed--legal .prose :is(p,li){font-size:17px}
}

/* Shop Manual hero keeps the large background chevron (Mart Sep 22) */
.uf-site[data-page=resources] .chero .xbg{display:block}

/* Shop Talk episodes are illustrative samples (Rick and Mart call, 2026-10-02, 01:26:54, C7): a "Coming soon"
   watermark sits over the sample video, and a note opens the story. The watermark never takes clicks, so the
   play button and the player stay usable under it. */
.uf-site .uf-ed--video #player>.uf-coming-soon{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;
  font:400 clamp(30px,7vw,92px)/1 var(--uf-display);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,253,252,.34);
  text-shadow:0 2px 18px rgba(0,12,19,.35);transform:rotate(-12deg)}
.uf-site .uf-ed--video #bigplay{z-index:3}
.uf-site .uf-ed--video .story .uf-sample-note{margin:0 0 22px;padding:16px 18px;border-left:4px solid var(--uf-orange);background:#fff4e8;color:#001523;font:400 16px/1.55 var(--uf-body)}
.uf-site .uf-ed--video .story .uf-sample-note a{color:#9f4900;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.uf-site .uf-ed--video #player>.uf-coming-soon{white-space:nowrap}
@media(max-width:700px){.uf-site .uf-ed--video #player>.uf-coming-soon{font-size:6.6vw;letter-spacing:.08em}}

/* C2, no colour filter over a photo (Rick, 2026-10-02 call, 01:19:29 to 01:19:59). Mart's Tools plates
   (tools-no-video-hero, tools-cms-hero, tools-video-hero) had a navy wash baked over a stock warehouse photo.
   The editorial heroes now show one of our own parks in full colour (the guides and the article: Melissa,
   scripts/premium/_editorial.py; the Shop Manual hub: Melissa, same file; Shop Talk and Shop Stories:
   Somersworth, Rick's summer still, src/premium/video.css; the FAQ: Melissa, src/premium/utility.css), with Mart's
   chevron as its own layer (assets/editorial/chevron.svg, redrawn from the vector arms in Design/Tools - No
   Video.psd) and a navy gradient behind the copy that stops, so the right of the photo stays full colour. The
   legal pages keep Mart's navy and chevron with no photo, as the park microsites already did. Phones have no
   room beside the copy, so the hero there is plain navy instead of a tinted photo. The photos are set in family
   files only, so this shared file (which the park microsites copy) names no park's photo. Mart's original
   plates stay in assets/mart/img/pages/ (restore: the hero rules at the top of this file, src/theme.css,
   src/premium/video.css and scripts/premium/_editorial.py pointed at them until this round).
   Seam sweep (2026-10-12): the chevron was capped at 520px tall, so on taller heroes (guides 537px, legal pages 605
   to 658px) its arms stopped 8 to 69px short of the frame. It now fills the hero's height; at 1200px and up it
   still keeps 39px or more from the copy (measured on the tallest hero, accessibility). */
.uf-site .uf-editorial .uf-ed-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  --ed-copy-end:max(774px,calc(50vw + 146px));
  background:url('editorial/chevron.svg') no-repeat right max(24px,calc(50vw - 626px)) center/auto 100%,
    linear-gradient(90deg,rgba(1,27,43,.96) 0,rgba(1,27,43,.93) calc(var(--ed-copy-end) - 260px),rgba(1,27,43,.8) var(--ed-copy-end),rgba(1,27,43,.34) calc(var(--ed-copy-end) + 110px),rgba(1,27,43,0) calc(var(--ed-copy-end) + 230px))}
@media(max-width:1199px){
  .uf-site .uf-editorial .uf-ed-hero::after{background:linear-gradient(90deg,rgba(1,27,43,.96) 0,rgba(1,27,43,.92) 50%,rgba(1,27,43,.8) 68%,rgba(1,27,43,.4) 80%,rgba(1,27,43,0) 92%)}
}
@media(max-width:800px){
  .uf-site .uf-editorial .uf-ed-hero{background-image:none}
  .uf-site .uf-editorial .uf-ed-hero::after{content:none}
  .uf-site .uf-editorial .uf-ed-hero>:is(.uf-ed-plate,.mxv-plate){display:none}
}
/* Cheline 2026-10-09 (A36f): "The guides" photo stopped at its own 4:3 height and left a navy strip under it. Every
   mosaic photo or film now fills its whole tile. */
.uf-site .uf-ed-mosaic .mz>:is(img,video){position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.uf-site .uf-ed-mosaic .mz>:is(.sc,.lb){z-index:2}
/* Cheline 2026-10-09 (A36b): the native arrow of "Filter by category" sat small against the right edge. It is drawn
   here instead, 16px wide and 22px in from the edge. */
.uf-site .uf-ed-category select{-webkit-appearance:none;appearance:none;padding-right:60px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M1.5 1.5 8 8l6.5-6.5' fill='none' stroke='%23001523' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 22px center;background-size:16px 10px}