:root{--ink:#171717;--black:#141313;--muted:#857e76;--paper:#f4f1ec;--cream:#ebe5dc;--line:#d8d0c6;--red:#c92437;--red-deep:#a51c2d;--blush:#f5d9dc;--warm:#888680;--accent:#c92437;--orange:#d98b5f;--display:Manrope,var(--sans);--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;object-fit:cover;width:100%;height:100%;background:#d5d0c7}.wrap{width:min(1360px,calc(100% - 92px));margin:auto}.nav{position:absolute;top:0;left:0;right:0;z-index:10;color:white;border-bottom:1px solid #ffffff3a}.navin{height:83px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Manrope,sans-serif;letter-spacing:-.105em;font-size:38px;font-weight:800;line-height:1}.logo span{color:var(--accent)}.navlinks{display:flex;gap:39px;align-items:center;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.navlinks a{transition:opacity .2s}.navlinks a:hover{opacity:.6}.nav-right{display:flex;align-items:center;gap:22px}.tiny{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.15em}.pill{border-radius:100px;padding:14px 23px;border:1px solid currentColor;background:none;font-weight:700;font-size:11px;letter-spacing:.065em;text-transform:uppercase;display:inline-flex;align-items:center;gap:20px;justify-content:center;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill.light{background:var(--accent);color:#171717;border-color:var(--accent)}.pill.dark{background:var(--ink);color:white;border-color:var(--ink)}.pill.outline{background:transparent;color:var(--ink);border-color:#aaa79f}.hamburger{display:none;border:0;background:none;color:white;font-size:26px}.hero{min-height:760px;height:min(880px,94svh);position:relative;background:#292825;color:white;overflow:hidden}.hero-img{position:absolute;inset:0;background:linear-gradient(90deg,#171717ee 0%,#1717179a 38%,#1515132b 78%),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=1800&q=85') center 29%/cover}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0004 0%,transparent 33%,#0003 100%);pointer-events:none}.hero .wrap{position:relative;z-index:1;height:100%;display:flex;align-items:center}.hero-copy{max-width:790px;padding-top:68px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.19em;font-weight:700;display:flex;align-items:center;gap:14px}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(65px,9.1vw,146px);letter-spacing:-.095em;line-height:.91;font-weight:700;margin:35px 0 30px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-desc{font-size:17px;line-height:1.75;color:#e2e1dc;max-width:430px;margin:0 0 30px}.hero-ctas{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-ctas .pill{font-size:12px;padding:18px 29px}.linkline{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid currentColor;padding:8px 0}.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f6f5f0a8}.hero-bottom b{font-size:24px;font-weight:400;color:white}.ticker{background:var(--accent);overflow:hidden;padding:19px 0}.ticker-inner{display:flex;gap:42px;white-space:nowrap;justify-content:center;font-family:Manrope;font-size:12px;font-weight:800;letter-spacing:.12em}.ticker span{display:flex;align-items:center;gap:42px}.ticker i{font-style:normal;font-size:16px}.section{padding:115px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#817d73;display:block;margin-bottom:18px}.heading{font-family:Manrope;font-size:clamp(41px,5vw,74px);line-height:1.03;letter-spacing:-.075em;font-weight:700;margin:0}.heading em{font-style:normal;color:#9a9b8a}.section-description{font-size:15px;line-height:1.75;color:#77736e;max-width:390px;margin:0}.quiz-preview{display:grid;grid-template-columns:.88fr 1.12fr;min-height:540px;background:#eae7df;border-radius:4px;overflow:hidden}.quiz-copy{padding:70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.quiz-copy .heading{font-size:clamp(42px,4.4vw,68px)}.quiz-copy p{font-size:15px;color:#716d67;line-height:1.8;max-width:370px;margin:24px 0 30px}.quiz-visual{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px;position:relative}.qshot{min-height:440px;position:relative;overflow:hidden;background:#888075}.qshot img{transition:transform .7s}.qshot:hover img{transform:scale(1.05)}.qshot:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.qshot label{position:absolute;bottom:28px;left:22px;color:#fff;z-index:1;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.bubble{position:absolute;top:26px;left:50%;transform:translateX(-50%);background:var(--accent);padding:12px 20px;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.14em;z-index:2;white-space:nowrap;border-radius:2px}.filters{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:11px 17px;border-radius:100px;background:none;border:1px solid #d2cec5;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chip.active,.chip:hover{background:#171717;color:white;border-color:#171717}.pose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.pose-card{cursor:pointer}.pose-photo{height:360px;overflow:hidden;position:relative;background:#ccc8c0}.pose-photo img{transition:transform .5s}.pose-card:hover img{transform:scale(1.045)}.pose-number{position:absolute;left:15px;top:15px;padding:9px 11px;background:#f8f7f2;color:#111;font-size:10px;font-weight:800}.pose-info{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:17px 0}.pose-info h3{margin:0 0 5px;font-family:Manrope;font-size:15px;font-weight:700;letter-spacing:-.03em}.pose-info small{font-size:11px;color:var(--muted)}.circle-arrow{display:grid;place-items:center;border:1px solid var(--line);width:31px;height:31px;border-radius:50%}.center{text-align:center}.section-action{margin-top:32px}.feature-banner{background:#1a1918;color:#f7f7f4;position:relative;overflow:hidden}.feature-banner .wrap{display:grid;grid-template-columns:1fr 1fr;min-height:510px}.banner-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 70px 70px 0}.banner-copy h2{font-size:clamp(50px,5.5vw,84px);font-weight:700;line-height:1.05;letter-spacing:-.08em;font-family:Manrope;margin:14px 0 22px}.banner-copy p{font-size:15px;color:#c1c0b8;line-height:1.8;max-width:400px}.banner-photo{background:#534f48;overflow:hidden;position:relative}.banner-photo img{filter:grayscale(100%)}.stamp{position:absolute;bottom:25px;right:25px;background:var(--accent);color:#111;padding:16px 23px;font-size:11px;font-weight:800;letter-spacing:.13em;transform:rotate(-5deg)}.academy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.academy-card{background:#eeece6;cursor:pointer}.academy-img{height:250px;overflow:hidden}.academy-img img{transition:transform .5s}.academy-card:hover img{transform:scale(1.05)}.academy-content{padding:24px}.academy-content h3{font-family:Manrope;font-size:25px;line-height:1.12;letter-spacing:-.055em;margin:14px 0}.academy-content p{color:#77736c;font-size:13px;line-height:1.7;min-height:45px}.card-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d1cdc5;padding-top:18px;margin-top:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.planner-wrap{background:#e9ebe2;padding:45px;display:grid;grid-template-columns:.84fr 1.16fr;gap:55px}.planner-intro{padding:30px 5px}.planner-intro p{font-size:15px;line-height:1.75;color:#77736c}.planner-panel{background:#faf9f5;padding:30px;box-shadow:0 18px 50px #28281d0d}.planner-panel label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin:20px 0 9px}.planner-panel select{appearance:none;width:100%;border:1px solid #d8d5cd;border-radius:0;padding:16px;font-size:14px;color:#111;background:#fff}.recipe{background:#1f1d1c;color:white;padding:24px;margin-top:22px}.recipe .kicker{color:var(--accent);margin-bottom:10px}.recipe h3{font-size:25px;font-family:Manrope;letter-spacing:-.06em;margin:0 0 12px}.recipe p{color:#d0d0c7;font-size:13px;line-height:1.6;margin:8px 0}.recipe strong{color:#fff}.coming-section{background:#171816;color:#f8f7f3;padding:105px 0}.coming-header{text-align:center;margin-bottom:50px}.coming-header .heading{margin:0 0 15px}.coming-header p{font-size:15px;color:#b2b0a7}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.coming-card{border:1px solid #4e4e48;padding:28px;min-height:245px;display:flex;flex-direction:column;align-items:flex-start}.coming-card .icon{font-size:29px;margin-bottom:18px}.coming-card h3{font-family:Manrope;font-size:23px;letter-spacing:-.04em;margin:0 0 12px}.coming-card p{color:#a6a69e;font-size:13px;line-height:1.7;margin:0 0 18px}.soon{margin-top:auto;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.footer{background:#10110f;color:#deded8;padding:60px 0 30px;border-top:1px solid #333}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.footer .logo{font-size:57px}.footer p{font-size:13px;color:#999990;max-width:330px;line-height:1.7}.footer-links{display:flex;gap:50px;font-size:12px}.footer-links>div{display:flex;flex-direction:column;gap:16px}.footer-links b{text-transform:uppercase;letter-spacing:.13em;color:#fff;font-size:10px}.footer-bottom{border-top:1px solid #333;margin-top:55px;padding-top:25px;display:flex;justify-content:space-between;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.11em}.overlay{position:fixed;inset:0;background:#10110fc9;z-index:80;display:none;align-items:center;justify-content:center;padding:24px;overflow:auto}.overlay.open{display:flex}.modal{background:#f8f7f3;width:min(880px,100%);max-height:calc(100vh - 48px);overflow:auto;position:relative;box-shadow:0 40px 120px #0005}.modal-close{position:sticky;float:right;top:16px;margin:16px 16px -70px 0;border:0;border-radius:100px;width:42px;height:42px;background:#eae7e0;z-index:3;font-size:24px}.modal-inner{padding:48px}.progress{height:4px;background:#e4e0d7;margin-bottom:34px}.progress>div{height:100%;background:#171717;transition:width .25s}.quiz-question{font-family:Manrope;font-size:clamp(32px,4vw,51px);font-weight:700;letter-spacing:-.07em;line-height:1.08;margin:15px 0 30px}.quiz-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{background:#fff;border:1px solid #dcd8ce;text-align:left;padding:19px;min-height:77px;font-weight:700;font-size:14px;transition:.2s}.choice.selected{border-color:#20221c;background:#f5d9dc;box-shadow:inset 0 0 0 1px #20221c}.choice:hover{border-color:#333}.choice.with-image{padding:0;overflow:hidden}.choice.with-image img{height:185px}.choice.with-image span{display:block;padding:15px}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.result{display:none}.result.active{display:block}.result-label{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:800}.result h2{font-family:Manrope;font-size:clamp(44px,6vw,75px);letter-spacing:-.085em;line-height:1;margin:18px 0}.result p{line-height:1.7;color:#66635c;max-width:600px}.result-content{background:#edebe5;padding:25px;margin:25px 0}.result-content h3{margin:0 0 10px}.result-content li{margin:10px 0;line-height:1.5}.note{font-size:11px;color:#828078;line-height:1.5}.lesson-dialog{display:grid;grid-template-columns:.82fr 1fr}.lesson-dialog>img{height:100%;min-height:550px}.lesson-dialog>div{padding:48px 38px}.lesson-dialog h2{font-family:Manrope;font-size:44px;letter-spacing:-.075em;margin:14px 0}.lesson-dialog p,.lesson-dialog li{font-size:14px;line-height:1.7;color:#66635e}.lesson-dialog li{margin-bottom:10px}.lesson-dialog ol{padding-left:19px}.mobile-menu{display:none}.hide{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.navlinks{gap:17px}.section{padding:75px 0}.quiz-copy{padding:40px}.pose-grid{grid-template-columns:repeat(2,1fr)}.pose-photo{height:420px}.planner-wrap{gap:25px;padding:28px}.banner-copy{padding-right:36px}}
@media(max-width:680px){.wrap{width:calc(100% - 34px)}.navin{height:70px}.navlinks,.nav-right>.pill{display:none}.hamburger{display:block}.mobile-menu{position:absolute;top:70px;left:0;right:0;background:#171717;padding:20px;display:none;flex-direction:column;gap:20px;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.1em}.mobile-menu.open{display:flex}.hero{min-height:680px;height:92svh;max-height:820px}.hero-img{background-position:58% 20%;background-image:linear-gradient(90deg,#171717d6,#17171770),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=1200&q=80')}.hero-copy{padding-top:50px}.hero h1{font-size:clamp(66px,14.6vw,95px)}.hero-desc{font-size:15px}.hero-bottom{bottom:20px}.hero-bottom span:last-child{display:none}.ticker-inner{justify-content:flex-start;font-size:10px}.section{padding:65px 0}.section-head{display:block}.section-description{margin-top:17px}.heading{font-size:46px}.quiz-preview{grid-template-columns:1fr}.quiz-copy{padding:40px 26px}.quiz-visual{height:310px}.qshot{min-height:0}.qshot label{font-size:10px;left:12px;bottom:17px}.bubble{top:10px;font-size:8px;padding:10px}.pose-grid{gap:11px}.pose-photo{height:235px}.pose-info h3{font-size:13px}.pose-info small{font-size:10px}.pose-info{padding:11px 0}.circle-arrow{display:none}.feature-banner .wrap{grid-template-columns:1fr}.banner-copy{padding:65px 0 40px}.banner-photo{height:300px}.academy-grid{grid-template-columns:1fr}.academy-img{height:255px}.academy-content p{min-height:0}.planner-wrap{grid-template-columns:1fr;padding:22px;gap:5px}.planner-intro{padding:18px 0}.planner-panel{padding:22px}.coming-section{padding:75px 0}.coming-grid{grid-template-columns:1fr;gap:12px}.coming-card{min-height:210px}.footer-top{display:block}.footer-links{gap:60px;margin-top:45px}.footer-bottom{line-height:1.7}.modal-inner{padding:30px 20px}.quiz-choices{gap:8px}.choice{font-size:12px;padding:15px}.choice.with-image img{height:128px}.choice.with-image span{padding:12px}.modal-actions .pill{padding:12px 18px}.lesson-dialog{display:block}.lesson-dialog>img{height:250px;min-height:0}.lesson-dialog>div{padding:30px 22px}.lesson-dialog h2{font-size:36px}}

/* StudioMODL identity and new platform sections */
.studio-logo{font-size:26px!important;letter-spacing:-1.65px!important;font-weight:500!important;white-space:nowrap}.studio-logo span{font-weight:800;letter-spacing:-1.9px;color:inherit!important}.nav .studio-logo{min-width:176px}.studio-logo span::first-letter{color:inherit}.platform-intro{background:#171717;color:#f8f7f3;padding:110px 0 100px;text-align:center}.platform-intro h2{font-size:clamp(44px,7vw,100px);letter-spacing:-.075em;line-height:1.01;margin:24px 0}.platform-intro h2 em{font-family:var(--serif);font-style:italic;font-weight:400}.platform-intro p{max-width:570px;margin:0 auto 28px;color:#bfbdb6;line-height:1.7;font-size:17px}.platform-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.platform-jump a{text-decoration:none;color:#191919;background:var(--accent);padding:12px 20px;border-radius:30px;font-size:13px;font-weight:700}.future-section{padding:110px 0}.future-section.shaded{background:#eeece6}.future-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,115px);align-items:center}.future-layout.reverse .future-content{order:2}.future-layout.reverse .casting-mock{order:1}.future-content .heading{margin:18px 0 22px}.future-content>p{max-width:490px;line-height:1.75;color:#69675f;font-size:17px}.future-tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.future-tags span{font-size:12px;border:1px solid #cac8c0;border-radius:20px;padding:9px 13px}.future-soon{display:inline-block;background:#171717;color:#f7f6f2;padding:13px 19px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.02em}.future-visual{min-height:500px;position:relative;background:#d6d2c9}.future-image{height:500px;overflow:hidden}.future-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.preview-floating{position:absolute;left:-23px;bottom:25px;background:#fff;padding:21px 24px;max-width:265px;box-shadow:0 20px 50px #0002;display:flex;flex-direction:column;gap:8px}.preview-floating .preview-kicker{letter-spacing:.12em;font-size:9px;color:#888}.preview-floating strong{font-size:18px;letter-spacing:-.04em}.preview-floating small{font-size:11px;line-height:1.5;color:#777}.casting-mock{background:#191a18;color:white;min-height:465px;padding:32px;display:flex;flex-direction:column}.mock-top{display:flex;justify-content:space-between;color:#c7c5be;font-size:10px;letter-spacing:.13em}.casting-mock h3{font-size:clamp(40px,4vw,62px);letter-spacing:-.065em;line-height:1.03;margin:42px 0 26px}.casting-mock h3 em{color:var(--accent);font-family:var(--serif);font-style:italic;font-weight:400}.mock-search{background:#373833;border:1px solid #575851;padding:15px;color:#d6d6d2;font-size:12px;display:flex;justify-content:space-between}.mock-search span{color:var(--accent);font-size:10px}.mock-lines{margin-top:20px}.mock-lines div{display:flex;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #474944;font-size:12px}.mock-lines div b{color:var(--accent);font-weight:400}.mock-lines div span:last-child{margin-left:auto}.casting-mock>p{font-size:10px;color:#aaa;margin-top:auto;padding-top:18px}.portfolio-preview{background:#e7e1d8;padding:24px;position:relative;max-width:520px;margin:auto;width:100%;box-shadow:18px 18px 0 #d3cec5}.portfolio-photo{height:405px;overflow:hidden}.portfolio-photo img{height:100%;width:100%;object-fit:cover;object-position:center 28%}.portfolio-caption{background:#fbfaf7;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:5px}.portfolio-caption span:first-child{font-size:23px;font-weight:700;letter-spacing:.09em}.portfolio-caption small{letter-spacing:.2em;font-size:9px}.portfolio-caption span:last-child{color:#888;font-size:9px;letter-spacing:.1em;padding-top:10px}.portfolio-note{position:absolute;bottom:10px;right:24px;font-size:9px;color:#777;letter-spacing:.05em}@media(max-width:850px){.nav .studio-logo{min-width:0}.studio-logo{font-size:23px!important}.future-layout{grid-template-columns:1fr;gap:35px}.future-layout.reverse .future-content{order:1}.future-layout.reverse .casting-mock{order:2}.future-section{padding:70px 0}.platform-intro{padding:78px 0}.preview-floating{left:15px}.future-image{height:440px}.future-visual{min-height:440px}}@media(max-width:480px){.casting-mock{padding:23px}.future-image{height:380px}.future-visual{min-height:380px}.portfolio-photo{height:320px}}

/* Clear, unmistakable section wayfinding */
#quiz{padding-bottom:120px}
.section-index{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:14px;letter-spacing:.11em;text-transform:uppercase;color:#4f5148;margin-bottom:22px}
.section-index:before{content:'';display:inline-block;width:26px;height:3px;background:#a51c2d}
#quiz .section-head,#poses .section-head{align-items:center;margin-bottom:43px}
#quiz .section-head .heading,#poses .section-head .heading{font-size:clamp(52px,6.3vw,94px);line-height:1.02}
.accent-underlined{position:relative;display:inline;box-shadow:inset 0 -0.14em 0 var(--accent)}
.section-lead{font-weight:600;font-size:clamp(17px,1.7vw,21px);line-height:1.5;max-width:550px;margin:24px 0 0;color:#34352f}
.pose-library-section{padding-top:0;background:#e9e9e3;padding-bottom:120px;border-top:0}
.section-transition{background:#1f1d1c;color:var(--accent);display:flex;align-items:center;justify-content:space-between;padding:20px max(46px,calc((100vw - 1360px)/2));font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:.17em;margin-bottom:88px}
.section-transition span:last-child{font-size:25px;line-height:1}
#poses .section-index{color:#46493a}
#poses .section-description{color:#54564d}
#poses .chip{border-color:#bcbfb3}
#poses .pose-number{background:var(--accent)}
@media(max-width:700px){#quiz{padding-bottom:80px}.section-index{font-size:11px;letter-spacing:.09em;margin-bottom:17px}#quiz .section-head .heading,#poses .section-head .heading{font-size:clamp(43px,10vw,60px)}.section-lead{font-size:16px;margin-top:16px}.section-transition{padding:16px 22px;margin-bottom:65px;font-size:10px}.pose-library-section{padding-bottom:80px}}

/* Style Finder: quiz */
#quizModal .kicker,#quizModal .note{color:#5c5a54}
#quizModal .modal{width:min(760px,100%)}
#quizModal .progress{margin-bottom:28px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sf-hint{font-size:13px;color:#5c5a54;margin:-14px 0 20px}
.sf-options{display:grid;gap:10px}
.sf-option{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:14px 16px;background:#fff;border:1px solid #cfcbc1;border-radius:4px;text-align:left;font:600 16px/1.35 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.sf-option:hover{border-color:#171717}
.sf-option.selected{background:#f5d9dc;border-color:#171717;box-shadow:inset 0 0 0 1px #171717}
.sf-letter{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid #171717;display:grid;place-items:center;font-size:12px;font-weight:800}
.sf-option.selected .sf-letter{background:#171717;color:#fff}
#quizModal :focus-visible{outline:3px solid #171717;outline-offset:3px}
#quizModal .sf-hero :focus-visible,#quizModal .sf-offer :focus-visible{outline-color:var(--accent)}
#quizModal h2:focus,#quizModal h3:focus{outline:none}
#quizModal .modal-actions{align-items:center}
#quizModal .modal-actions .pill{min-height:44px}
.sf-privacy{margin-top:22px}
.sf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.sf-actions .pill{min-height:44px}
.pill.outline-light{background:transparent;color:#f8f7f3;border-color:#8a877f}

/* Style Finder: results page */
#quizModal.sf-result-mode{padding:0}
#quizModal.sf-result-mode .modal{width:100%;max-width:none;height:100svh;max-height:100svh}
#quizModal.sf-result-mode .modal-inner{padding:0}
#quizModal.sf-result-mode .modal-close{position:fixed;top:14px;right:14px;margin:0;float:none}
.sf-wrap{max-width:760px;margin:0 auto}
.sf-hero{background:#171717;color:#f8f7f3;padding:84px 22px 44px}
.sf-kicker{display:block;font-size:11px;letter-spacing:.2em;font-weight:800;text-transform:uppercase;color:var(--accent)}
.result .sf-headline{font-family:Manrope;font-weight:800;font-size:clamp(58px,17vw,150px);letter-spacing:-.075em;line-height:.92;margin:18px 0 12px;color:#f8f7f3;overflow-wrap:anywhere}
.sf-headline span{color:var(--accent)}
.result .sf-headline-sm{font-size:clamp(44px,11vw,96px)}
.result .sf-name{font-family:var(--serif);font-style:italic;font-style:italic;font-size:22px;color:#f8f7f3;margin:0 0 12px}
.result .sf-def,.result .sf-secondary{font-size:17px;line-height:1.6;color:#d9d6ce;max-width:580px}
.sf-secondary strong{color:#fff}
.result .sf-mini{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#a9a69d;margin:26px 0 10px}
.sf-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.sf-chips li{border:1px solid #6b6962;border-radius:100px;padding:8px 13px;font-size:13px;color:#f1efe9;line-height:1.3}
.result .sf-why{background:#1f1d1c;border-left:3px solid var(--accent);color:#e9e6de;padding:14px 16px;margin:26px 0 0;font-size:15px;line-height:1.6;max-width:none}
.sf-why strong{color:#fff}
.sf-sec{padding:44px 22px;border-bottom:1px solid #dcd8ce}
.sf-eyebrow{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#5c5a54;margin-bottom:12px}
.sf-sec h3{font-family:Manrope;font-size:clamp(28px,6vw,42px);letter-spacing:-.05em;line-height:1.05;margin:0 0 14px}
.result .sf-sub{color:#4a4842;margin:0 0 18px}
.sf-facts{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.sf-facts li{display:grid;grid-template-columns:40px 1fr;gap:12px;background:#fff;border:1px solid #e2ded5;padding:18px 18px 16px}
.sf-num{font-family:Manrope;font-weight:800;font-size:20px;letter-spacing:-.04em;line-height:1.3}
.result .sf-facts p{margin:0 0 8px;color:#2d2b27;font-size:16px;line-height:1.55}
.sf-facts a{font-size:12px;color:#4a4842;font-weight:700;display:inline-block;padding:4px 0}
.result .sf-small{font-size:12px;color:#5c5a54;margin:14px 0 0}
.sf-fit-card{background:var(--accent);padding:20px;border-radius:4px}
.result .sf-fit-card p{color:#1f2117;margin:0 0 10px;font-size:16px;max-width:none}
.result .sf-fit-card .sf-fit-note{margin:0;padding-top:12px;border-top:1px solid #1f211733;font-size:14px;font-weight:700}
.sf-details{margin-top:12px}
.sf-details summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.sf-details summary::after{content:'+';margin-left:10px;font-size:20px;font-weight:600}
.sf-details[open] summary::after{content:'−'}
.result .sf-fit-name{font-weight:800;color:#171717;margin:10px 0 2px}
.sf-fit-item p{margin-top:0}
.sf-pose-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.sf-pose{position:relative;display:block;width:100%;padding:0;border:0;background:#d6d2c9;cursor:pointer;overflow:hidden;border-radius:4px;aspect-ratio:4/5}
.sf-pose img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.sf-pose:hover img{transform:scale(1.04)}
.sf-pose::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000b)}
.sf-pose-num{position:absolute;top:10px;left:10px;z-index:1;background:#f8f7f3;color:#171717;font-size:11px;font-weight:800;padding:4px 8px;border-radius:100px}
.sf-pose-name{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;color:#fff;font:700 15px/1.25 var(--sans);text-align:left}
.sf-course{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;width:100%;margin-top:18px;padding:12px;background:#fff;border:1px solid #dcd8ce;border-radius:4px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.sf-course img{width:72px;height:72px;object-fit:cover;border-radius:3px}
.sf-course .sf-eyebrow{margin-bottom:4px}
.sf-course strong{display:block;font-size:16px;margin-bottom:3px}
.sf-course>span:nth-child(2)>span:last-child{font-size:13px;color:#4a4842;line-height:1.4}
.sf-agency{background:#f5d9dc;border-left:4px solid #171717}
.result .sf-agency p{color:#1f2117;font-size:16px;margin:0;max-width:none}
.sf-closing .sf-disclaimer{font-size:14px}
.result .sf-closing p{color:#4a4842}
.result .sf-override-q{font-weight:800;color:#171717;margin:22px 0 0}
.sf-retake{margin-top:20px;min-height:44px}
.sf-offer{background:#171717;color:#f8f7f3;border-bottom:0;padding-bottom:64px}
.sf-offer h3{color:#f8f7f3}
.result .sf-offer p{color:#d9d6ce}
.sf-offer .sf-eyebrow{color:var(--accent)}
.sf-form label{display:block;font-weight:700;font-size:14px;margin:20px 0 8px}
.sf-form-row{display:flex;flex-wrap:wrap;gap:10px}
.sf-form input{flex:1 1 220px;min-width:0;min-height:50px;padding:0 18px;border-radius:100px;border:1px solid #8a877f;background:#f8f7f3;color:#171717;font:500 16px var(--sans)}
.sf-form input[aria-invalid=true]{border-color:#ffb4a6;box-shadow:0 0 0 2px #ffb4a6}
.sf-form .pill{min-height:50px;flex:0 0 auto}
.result .sf-error{color:#ffc2b6;font-weight:700;font-size:14px;margin:10px 0 0}
.result .sf-privacy-line{font-size:13px;color:#bdbab2;margin:10px 0 0}
@media(min-width:760px){.sf-hero{padding:110px 40px 64px}.sf-sec{padding:64px 40px}.sf-pose-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){#quizModal{padding:0}#quizModal .modal{max-height:100svh;height:100svh;width:100%}#quizModal .modal-inner{padding:64px 18px 28px}#quizModal.sf-result-mode .modal-inner{padding:0}#quizModal .quiz-question{font-size:30px;margin:10px 0 24px}.sf-form .pill{flex:1 1 100%}}

/* History timeline */
.tl-section{background:#efece4}
.tl-rail{position:relative;display:grid;grid-template-columns:repeat(8,1fr);margin:6px 0 0;padding:0 0 14px;touch-action:pan-y;user-select:none;--tl-pos:6.25%}
.tl-rail::before,.tl-progress{content:'';position:absolute;left:0;top:21px;height:2px;background:#cfcbc1;width:100%;pointer-events:none}
.tl-progress{background:#171717;width:var(--tl-pos);transition:width .3s ease}
.tl-tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:64px;padding:12px 0 0;background:none;border:0;cursor:pointer;font:700 12px var(--sans);color:#5c5a54;letter-spacing:.04em}
.tl-dot{width:16px;height:16px;border-radius:50%;background:#efece4;border:2px solid #9d998f;transition:transform .2s,background .2s}
.tl-tab.tl-past .tl-dot{background:#171717;border-color:#171717}
.tl-tab[aria-selected=true]{color:#171717}
.tl-tab[aria-selected=true] .tl-dot{background:var(--accent);border-color:#171717;transform:scale(1.35)}
.tl-tab:focus-visible{outline:3px solid #171717;outline-offset:2px;border-radius:6px}
.tl-controls{display:flex;align-items:center;gap:14px;margin:18px 0 22px}
.tl-controls button{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid #171717;background:none;font-size:18px;cursor:pointer;color:#171717}
.tl-controls button:disabled{opacity:.3;cursor:default}
.tl-controls button:focus-visible{outline:3px solid #171717;outline-offset:2px}
#tlEraTitle{flex:1;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.tl-era-label{font-family:Manrope;font-weight:800;font-size:clamp(30px,6vw,52px);letter-spacing:-.06em}
.tl-era-title{font-family:var(--serif);font-style:italic;font-style:italic;font-size:clamp(18px,3vw,24px)}
.tl-count{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5c5a54}
.tl-panel{display:grid;gap:14px;outline:none}
.tl-panel:focus-visible{outline:3px solid #171717;outline-offset:4px}
.tl-panel.tl-enter .tl-card{animation:tlIn .45s ease both}
.tl-panel.tl-enter .tl-card:nth-child(2){animation-delay:.06s}
.tl-panel.tl-enter .tl-card:nth-child(3){animation-delay:.12s}
@keyframes tlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tl-card{background:#f8f7f3;border:1px solid #dcd8ce;display:grid;grid-template-rows:auto 1fr}
.tl-visual svg{display:block;width:100%;height:auto;aspect-ratio:16/10}
.tl-body{padding:20px 20px 22px}
.tl-year{font-family:var(--serif);font-style:italic;font-style:italic;font-size:30px;margin:0 0 6px;color:#171717}
.tl-body h3{font-family:Manrope;font-size:23px;letter-spacing:-.04em;line-height:1.15;margin:0 0 10px}
.tl-body>p:not(.tl-year):not(.tl-dispute){font-size:15px;line-height:1.65;color:#3f3d38;margin:0 0 14px}
.tl-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tl-badge{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:100px;border:1px solid #9d998f;color:#3f3d38}
.tl-ev-verified{background:#f5d9dc;border-color:#a51c2d}
.tl-ev-disputed{background:#fbe3d6;border-color:#b5562a;color:#7a2f10}
.tl-is-disputed{border-color:#b5562a;border-width:2px}
.tl-dispute{font-size:14px;line-height:1.5;color:#7a2f10;background:#fbe3d6;padding:10px 12px;margin:0 0 12px}
.tl-source{font-size:13px;font-weight:700;color:#171717;display:inline-block;padding:6px 0}
.tl-note{margin-top:22px}
@media(min-width:760px){.tl-panel{grid-template-columns:repeat(2,1fr)}.tl-feature{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.tl-feature .tl-visual{min-height:280px}.tl-feature .tl-visual svg{height:100%;aspect-ratio:auto}.tl-feature .tl-body{padding:32px}.tl-feature h3{font-size:32px}}
@media(min-width:1100px){.tl-panel{grid-template-columns:repeat(3,1fr)}.tl-feature{grid-column:span 2}}
@media(max-width:520px){.tl-short{font-size:11px}.tl-tab{gap:8px}}
@media(prefers-reduced-motion:reduce){.tl-progress,.tl-dot{transition:none}.tl-panel.tl-enter .tl-card{animation:none}}

/* Era match: sits under the history timeline and on its own page. */
.era-quiz{background:#171717;color:#f8f7f3;padding:88px 0 72px;scroll-margin-top:24px}
.era-quiz .kicker{color:var(--accent)}
.era-quiz .heading{color:#f8f7f3;margin:8px 0 14px}
.era-quiz-head{max-width:760px}
.era-quiz-head p{color:#d9d6ce;line-height:1.65;font-size:17px}
.era-quiz .note{color:#bdbab2}
.era-form,.era-result{margin-top:28px;background:#f8f7f3;color:#171717;padding:28px 24px 24px;border-radius:16px}
.era-progress,.era-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5c5a54;margin:0 0 12px}
.era-form legend{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(26px,4vw,40px);letter-spacing:-.04em;line-height:1.15;margin:0 0 18px}
.era-form fieldset{border:0;margin:0;padding:0}
.era-opt{display:flex;gap:12px;align-items:flex-start;padding:14px 14px;border:1px solid #dcd8ce;border-radius:12px;margin:0 0 10px;cursor:pointer;line-height:1.45}
.era-opt:has(input:focus-visible){outline:3px solid #171717;outline-offset:2px}
.era-opt:has(input:checked){border-color:#171717;background:#f5d9dc}
.era-opt input{width:20px;height:20px;margin-top:2px;flex:none}
.era-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.era-actions .pill{min-height:48px}
.era-actions .pill:disabled{opacity:.35}
.era-textbtn{background:none;border:0;padding:8px 0;font-weight:700;cursor:pointer}
.era-years{font-family:var(--serif);font-style:italic;font-style:italic;font-size:22px;margin:0}
.era-result h3{font-family:Manrope,sans-serif;font-size:clamp(40px,6vw,68px);letter-spacing:-.05em;line-height:.95;margin:6px 0 12px}
.era-line{font-family:var(--serif);font-style:italic;font-style:italic;font-size:clamp(22px,3vw,30px);margin:0 0 16px}
.era-practice{margin:0 0 18px;line-height:1.6}
.era-story{background:#efece4;border-radius:12px;padding:16px 16px 14px;margin:0 0 8px}
.era-story-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5c5a54;margin:0 0 6px}
.era-story h3{font-size:22px;letter-spacing:-.03em;margin:0 0 8px}
.era-story p{margin:0 0 10px;line-height:1.55;color:#3f3d38}
.era-story a{font-weight:700}
.era-status{min-height:1.2em;font-weight:700;margin:12px 0 0}
.era-fine{font-size:13px;color:#5c5a54;line-height:1.5;margin:8px 0 0}
.era-invite{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#171717;color:#f8f7f3;border-radius:16px;padding:28px 28px;margin:8px 0 36px}
.era-invite h3{font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;margin:6px 0 8px}
.era-invite p{margin:0;color:#d9d6ce;max-width:560px;line-height:1.55}
.era-invite .kicker{color:var(--accent)}
@media(max-width:700px){.era-invite{flex-direction:column;align-items:flex-start}.era-quiz{padding:64px 0 56px}}

/* Step One visual practice studio. Images are intentionally provisional. */
.modl-studio{background:#141313;color:#f4f4ed;padding:96px 0 110px}.studio-overline,.studio-label{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:750}.studio-overline{color:var(--accent)}.studio-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:43px}.studio-head h2{font-size:clamp(41px,6vw,86px);font-weight:800;line-height:.99;letter-spacing:-.065em;margin:15px 0 22px}.studio-head em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.studio-head p{max-width:600px;color:#b9bdb5;font-size:17px;line-height:1.7}.studio-stats{display:flex;align-items:center;gap:14px;min-width:210px}.studio-stats b{font-size:64px;letter-spacing:-.08em;color:var(--accent);line-height:1}.studio-stats span{font-size:12px;color:#aca8a5;line-height:1.6}.studio-shell{display:grid;grid-template-columns:245px minmax(0,1fr);border:1px solid #34302e;border-radius:16px;overflow:hidden;background:#1f1d1c}.studio-list{padding:17px 12px;border-right:1px solid #34302e;display:flex;flex-direction:column;gap:5px}.studio-pick{display:flex;align-items:center;gap:11px;text-align:left;color:#c8c4c1;background:transparent;border:1px solid transparent;border-radius:9px;padding:15px 11px;cursor:pointer;font:inherit;transition:background .2s}.studio-pick:hover,.studio-pick:focus-visible{background:#383431;color:white}.studio-pick[aria-pressed="true"]{background:var(--accent);color:#ffffff}.studio-pick-number{font-size:10px;letter-spacing:.1em;opacity:.7}.studio-pick-name{font-size:13px;font-weight:700;line-height:1.35}.studio-main{min-width:0}.studio-media{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0;background:#3f3b38;min-height:345px}.studio-visual{position:relative;min-height:345px;overflow:hidden}.studio-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.studio-overlay{position:absolute;inset:auto 13px 13px;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.studio-overlay span{background:rgba(15,17,14,.88);color:#f8f8f0;font-size:9px;padding:8px 10px;letter-spacing:.08em;line-height:1.5}.studio-diagram{display:grid;place-items:center;padding:24px;min-width:0;background:#e7e7df}.studio-diagram svg{width:min(100%,290px)!important;max-width:290px!important}.studio-body{padding:clamp(22px,4vw,46px)}.studio-metadata{display:flex;justify-content:space-between;gap:20px;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.studio-body h3{font-size:clamp(27px,4vw,47px);letter-spacing:-.045em;line-height:1.1;margin:16px 0}.studio-summary{font-size:16px;line-height:1.7;color:#c2c5bc;max-width:660px}.studio-control{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:22px;row-gap:10px;padding:23px 0;margin:22px 0;border-top:1px solid #4a4643;border-bottom:1px solid #4a4643}.studio-control p{margin:0;color:#d3d7ce;line-height:1.65;font-size:14px}.studio-label{color:#bcb8b5}.studio-steps{margin:25px 0}.studio-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none;padding:0;counter-reset:practice}.studio-steps li{background:#36322f;border-radius:10px;padding:18px;font-size:14px;line-height:1.6;color:#e2e6dc;counter-increment:practice}.studio-steps li:before{content:"0" counter(practice);display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:11px}.studio-actions{display:flex;flex-wrap:wrap;gap:12px}.studio-actions button{cursor:pointer;padding:14px 18px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:800;min-height:44px}.studio-action-main{background:var(--accent);color:#141313;border:1px solid var(--accent)}.studio-action-main[data-done="true"]{background:#e8364b}.studio-action-secondary{background:transparent;border:1px solid #7c7875;color:#f6f8ef}.studio-disclaimer{max-width:760px;font-size:11px;color:#b1adaa;line-height:1.65;margin:25px 0 0}.studio-actions button:focus-visible,.studio-pick:focus-visible{outline:3px solid #f3c28b;outline-offset:3px}@media(max-width:950px){.studio-shell{grid-template-columns:1fr}.studio-list{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #34302e;scrollbar-width:thin}.studio-pick{flex:0 0 auto;min-width:150px}.studio-head{align-items:start}.studio-stats{display:none}}@media(max-width:620px){.modl-studio{padding:65px 0}.studio-media{grid-template-columns:1fr}.studio-visual{min-height:390px}.studio-diagram{min-height:240px}.studio-steps ol{grid-template-columns:1fr}.studio-control{grid-template-columns:1fr;gap:8px}.studio-control .studio-label:not(:first-child){margin-top:11px}.studio-overlay span{font-size:8px}.studio-list{padding:10px}.studio-pick{min-width:125px;padding:11px 9px}}@media(prefers-reduced-motion:reduce){.studio-pick{transition:none}}
@media(max-width:1180px){.navlinks,.nav-right>.pill{display:none}.hamburger{display:block}.mobile-menu{position:absolute;top:83px;left:0;right:0;background:#171717;padding:20px 5%;display:none;flex-direction:column;gap:17px;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;max-height:calc(100svh - 83px);overflow:auto}.mobile-menu.open{display:flex}}.coming{background:var(--cream)}.coming .heading em{font-style:normal;color:var(--muted)}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.coming-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:100px}.coming-card h3{font-family:Manrope;font-size:30px;letter-spacing:-.05em;margin:0}.coming-card p{margin:0;line-height:1.65;color:#55534d}.coming-card .future-soon{margin-top:auto}.coming-n{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.city-guides{margin-top:56px;padding-top:36px;border-top:1px solid var(--line);scroll-margin-top:100px}.city-guides h3{font-family:Manrope;font-size:24px;letter-spacing:-.04em;margin:0 0 8px}.city-intro{max-width:720px;margin:0 0 20px}.city-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.city-row article{padding:20px!important;border-radius:12px!important}.city-row h3{font-size:24px!important;margin:8px 0!important}.city-row p{font-size:14px}@media(max-width:900px){.coming-grid{grid-template-columns:1fr}.city-row{grid-template-columns:1fr 1fr}}@media(max-width:560px){.city-row{grid-template-columns:1fr}}.coming-mini{border:1px dashed var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;background:#fff8}.coming-mini small{font-size:12px;color:var(--muted)}.coming-mock ol{margin:4px 0 0;padding-left:18px;font-size:14px;line-height:1.7}.mock-search-mini{font-size:13px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--paper)}.comp-mini{align-items:center;text-align:center;letter-spacing:.12em}.comp-mini b{font-size:16px}.comp-mini em{font-style:normal;font-size:10px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.coming-card .future-tags{display:flex;flex-wrap:wrap;gap:6px}.coming-card .future-tags span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 10px}
/* ===== Style Finder v2 (2026-10-17): picture-card questions, archetype result, share card =====
   1. Question screen: top line, segmented progress, picture-card grid, reaction line
   2. Result hero: light editorial ground, palette band, blend ring and legend
   3. Portrait, palette, places and model-twin cards
   4. Share card preview
   5. Small screens and reduced motion */
/* 1. Question screen */
#quizModal .modal{width:min(980px,100%)}
#quizModal .sf-topline{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
#quizModal .sf-topline .kicker{margin:0}
#quizModal .sf-mood{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--red);text-align:right}
#quizModal .sf-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin:0 0 30px}
#quizModal .sf-progress i{display:block;height:5px;background:#e4ded5;transition:background .3s}
#quizModal .sf-progress i.done{background:var(--ink)}
#quizModal .sf-progress i.now{background:var(--red)}
#quizModal .sf-qkicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--ink);padding:5px 9px;margin-bottom:4px}
#quizModal .quiz-question{margin:12px 0 26px;max-width:16em}
#quizModal .sf-hint{margin:-12px 0 20px}
#quizModal .sf-options{display:grid;gap:12px}
#quizModal .sf-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#quizModal .sf-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#quizModal .sf-option{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;background:#fff;border:1px solid #d8d0c6;border-radius:2px;overflow:hidden;text-align:left;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .25s}
#quizModal .sf-option:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 14px 30px #1717171a}
#quizModal .sf-option.selected{background:#fff;border-color:var(--red);box-shadow:inset 0 0 0 2px var(--red),0 14px 30px #c9243726;transform:translateY(-3px)}
#quizModal .sf-option.dim{opacity:.45}
#quizModal .sf-art-wrap{display:block;aspect-ratio:16/10;overflow:hidden;background:#ebe5dc;position:relative}
#quizModal .sf-art{display:block;width:100%;height:100%;transition:transform .5s}
#quizModal .sf-option:hover .sf-art,#quizModal .sf-option.selected .sf-art{transform:scale(1.06)}
#quizModal .sf-opt-text{display:flex;gap:10px;align-items:flex-start;padding:12px 12px 14px}
#quizModal .sf-letter{width:26px;height:26px;font-size:11px;border-radius:0;flex:none}
#quizModal .sf-option.selected .sf-letter{background:var(--red);border-color:var(--red);color:#fff}
#quizModal .sf-opt-label{font:700 15px/1.3 var(--sans);color:var(--ink)}
#quizModal .sf-reaction{min-height:1.6em;margin:18px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.2vw,24px);color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
#quizModal .sf-reaction.show{opacity:1;transform:none}
#quizModal .sf-reaction.show::before{content:"";display:inline-block;width:22px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}
#quizModal .modal-actions{margin-top:18px}
#quizStage.sf-enter .quiz-question,#quizStage.sf-enter .sf-qkicker{animation:sfUp .45s ease both}
#quizStage.sf-enter .sf-option{animation:sfUp .45s ease both;animation-delay:var(--d,0ms)}
@keyframes sfUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* 2. Result hero (light ground, Editorial Red) */
#quizModal .sf-hero.sf-hero-light{background:var(--paper);color:var(--ink);padding:72px 22px 44px;position:relative;border-bottom:1px solid #d8d0c6;--accent:var(--red)}
#quizModal .sf-hero-band{position:absolute;top:0;left:0;right:0;height:10px;display:flex}
#quizModal .sf-hero-band i{flex:1}
#quizModal .sf-hero-light .sf-wrap{max-width:1060px}
#quizModal .sf-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
#quizModal .sf-hero-light .sf-kicker{color:var(--red)}
#quizModal .result .sf-hero-light .sf-headline,#quizModal .sf-hero-light .sf-headline{color:var(--ink);font-size:clamp(52px,8.4vw,112px);letter-spacing:-.07em;line-height:.9;overflow-wrap:normal;word-break:normal}
#quizModal .sf-hero-light .sf-headline span{color:var(--red)}
#quizModal .result .sf-hero-light .sf-name{color:var(--ink);font-size:clamp(22px,2.6vw,30px);margin:6px 0 14px}
#quizModal .result .sf-hero-light .sf-def{color:#3f3d38}
#quizModal .result .sf-hero-light .sf-why{background:#fff;border-left:3px solid var(--red);color:#2d2b27}
#quizModal .sf-hero-light .sf-why strong{color:var(--ink)}
#quizModal .sf-hero-ring{display:grid;justify-items:center;gap:16px}
#quizModal .sf-ring{width:min(260px,70vw);height:auto;display:block}
#quizModal .sf-ring .sf-arc{transition:stroke-dasharray .9s ease}
#quizModal .sf-ring-num{font:800 46px Manrope,Inter,sans-serif;letter-spacing:-.05em;fill:var(--ink)}
#quizModal .sf-ring-lab{font:800 11px Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;fill:#5c5a54}
#quizModal .sf-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;width:100%;max-width:300px}
#quizModal .sf-legend li{display:flex;align-items:center;gap:8px;font-size:14px;color:#2d2b27}
#quizModal .sf-legend b{margin-left:auto;font-family:Manrope,sans-serif;font-weight:800}
#quizModal .sf-dot{width:12px;height:12px;flex:none;border:1px solid #17171722}
#quizModal .sf-hero-art{width:100%;max-width:320px;aspect-ratio:16/10;justify-self:center;border:1px solid #d8d0c6;overflow:hidden}
#quizModal .sf-hero-art .sf-art{width:100%;height:100%}
#quizModal .sf-hero-light .pill.outline{color:var(--ink)}

/* 3. Sections: portrait, palette, places, twins */
#quizModal .sf-sec .sf-wrap{max-width:1060px}
#quizModal .result .sf-lede{font-size:clamp(18px,2vw,21px);line-height:1.55;color:#2d2b27;margin:0 0 20px;max-width:none}
#quizModal .sf-portrait-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
#quizModal .result .sf-mini-h{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:20px 0 10px}
#quizModal .sf-ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#quizModal .sf-ticks li{position:relative;padding-left:26px;line-height:1.45;color:#2d2b27}
#quizModal .sf-ticks li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:2px;background:var(--red)}
#quizModal .sf-shot{background:var(--ink);color:#f4f1ec;padding:22px 22px 8px;--accent:#e8364b}
#quizModal .sf-shot .sf-eyebrow{color:#e8364b;margin-bottom:6px}
#quizModal .result .sf-shot p{color:#e9e6de;margin:0 0 18px;font-size:16px;line-height:1.55}
#quizModal .sf-swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#quizModal .sf-swatches li{display:grid;gap:4px}
#quizModal .sf-swatch{display:block;aspect-ratio:1/1.1;border:1px solid #17171718}
#quizModal .sf-swatches b{font-size:14px}
#quizModal .sf-swatches small{font-size:11px;letter-spacing:.08em;color:#5c5a54}
#quizModal .sf-chips-light{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
#quizModal .sf-chips-light li{border:1px solid #bdb5aa;padding:8px 12px;font-size:14px;background:#fff}
#quizModal .sf-places{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#quizModal .sf-place{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 18px 18px;background:#fff;border:1px solid #dcd8ce;border-top:4px solid var(--red);transition:transform .18s,box-shadow .18s}
#quizModal .sf-place:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1717171a}
#quizModal .sf-place .sf-eyebrow{margin:0;color:#5c5a54}
#quizModal .sf-place strong{font:800 24px/1.1 Manrope,sans-serif;letter-spacing:-.04em}
#quizModal .sf-place-num{position:absolute;top:14px;right:16px;font:800 13px Manrope,sans-serif;color:var(--red)}
#quizModal .sf-place-why{font-size:14px;line-height:1.5;color:#3f3d38}
#quizModal .sf-place-light{font-size:13px;color:#5c5a54}
#quizModal .sf-place-light b{color:var(--ink)}
#quizModal .sf-place-go{margin-top:auto;padding-top:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
#quizModal .sf-twins{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#quizModal .sf-twin{display:flex;flex-direction:column;background:var(--ink);color:#f4f1ec;padding:22px 20px 18px;position:relative;overflow:hidden}
#quizModal .sf-twin::after{content:"“";position:absolute;right:10px;top:-24px;font:400 140px/1 var(--serif);color:#ffffff12}
#quizModal .sf-twin-era{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e8364b}
#quizModal .result .sf-twin-name{font:800 30px/1 Manrope,sans-serif;letter-spacing:-.05em;color:#fff;margin:10px 0 12px}
#quizModal .result .sf-twin-moment{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.4;color:#f4f1ec;margin:0 0 8px}
#quizModal .sf-twin-year{font-family:Manrope,sans-serif;font-style:normal;font-weight:800;color:#e8364b;margin-right:8px}
#quizModal .result .sf-twin-credit{font-size:13px;color:#bdb8ae;margin:0 0 12px}
#quizModal .result .sf-twin-why{font-size:14px;line-height:1.5;color:#e9e6de;margin:0 0 14px;padding-top:12px;border-top:1px solid #3a3735}
#quizModal .sf-twin-src{margin-top:auto;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid #e8364b;align-self:flex-start;padding:4px 0}
#quizModal .sf-twin-src:focus-visible{outline-color:#e8364b}

/* 4. Share card */
#quizModal .sf-share{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
#quizModal .sf-share-preview{width:220px;aspect-ratio:9/16;background:#ebe5dc;box-shadow:0 20px 50px #17171726;border:1px solid #d8d0c6}
#quizModal .sf-share-preview img{width:100%;height:100%;object-fit:cover;background:transparent;display:block}
#quizModal .sf-status{min-height:1.3em;font-weight:700;margin:12px 0 0;color:var(--ink)}
#quizModal .sf-closing .sf-actions{align-items:center}

/* 5. Small screens and reduced motion */
@media(max-width:860px){#quizModal .sf-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}#quizModal .sf-hero-grid,#quizModal .sf-portrait-grid{grid-template-columns:1fr}#quizModal .sf-places,#quizModal .sf-twins{grid-template-columns:1fr}}
@media(max-width:680px){#quizModal .modal-inner{padding:58px 16px 24px}#quizModal .quiz-question{font-size:27px;margin:8px 0 20px}#quizModal .sf-hint{font-size:12px}#quizModal .sf-options{gap:8px}#quizModal .sf-grid-3{grid-template-columns:1fr}#quizModal .sf-grid-3 .sf-option{flex-direction:row}#quizModal .sf-grid-3 .sf-art-wrap{width:96px;flex:none;aspect-ratio:1/1}#quizModal .sf-grid-3 .sf-opt-text{align-items:center}#quizModal .sf-opt-text{padding:9px 9px 11px;gap:8px}#quizModal .sf-opt-label{font-size:13.5px}#quizModal .sf-letter{width:22px;height:22px;font-size:10px}#quizModal .sf-mood{font-size:14px}#quizModal .sf-reaction{font-size:18px;margin-top:12px}#quizModal .sf-hero.sf-hero-light{padding:62px 18px 34px}#quizModal .sf-swatches{grid-template-columns:repeat(2,1fr)}#quizModal .sf-share{grid-template-columns:1fr;justify-items:start}#quizModal .sf-share-preview{width:180px}#quizModal .modal-actions .pill{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){#quizStage.sf-enter .quiz-question,#quizStage.sf-enter .sf-qkicker,#quizStage.sf-enter .sf-option{animation:none}#quizModal .sf-option,#quizModal .sf-art,#quizModal .sf-reaction,#quizModal .sf-place,#quizModal .sf-ring .sf-arc{transition:none}}
/* Style Finder page: archetype tease beside the quiz invitation */
.sf-atlas-tease{grid-template-columns:repeat(3,1fr);gap:8px;padding:56px 14px 14px;align-content:center;background:#f4f1ec}
.sf-atlas-tease span{display:flex;align-items:flex-end;min-height:96px;padding:12px;background:#fff;border-top:8px solid var(--c);font:800 clamp(14px,1.5vw,19px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;color:#171717}
@media(max-width:680px){.sf-atlas-tease{height:auto!important;grid-template-columns:repeat(2,1fr);padding:48px 10px 10px}.sf-atlas-tease span{min-height:64px;font-size:14px}}
/* Style Finder v2 refinements: dim unpicked cards after a choice, tighter mobile hero, ring before the "why" note on phones */
#quizModal .sf-option.dim{filter:grayscale(.85) opacity(.5);transform:scale(.98)}
#quizModal .result .sf-hero-light .sf-name{line-height:1.25}
@media(max-width:860px){#quizModal .sf-hero-copy{display:contents}#quizModal .sf-hero-grid{gap:18px}#quizModal .sf-hero-ring,#quizModal .sf-hero-art{order:1}#quizModal .sf-hero-light .sf-why{order:2;margin-top:6px}#quizModal .sf-ring{width:min(220px,62vw)}}


/* ===== Multi-page additions (homepage contact sheet, page bars, concept pages) =====
   Palette: studio white paper, film black, grease-pencil red for "selected" marks.
   Editorial Red theme: see src/styles-theme.css. */
:root{--sheet:#f1f2ef;--film:#1b1b1a;--film-edge:#8d8c86;--marker:#d93a26;--ink-soft:#4a4a46}
/* Nav is a solid bar on every page (pages no longer start on a dark photo hero) */
.nav{position:sticky;top:0;background:#141412;border-bottom:1px solid #2a2a27}
.nav .navlinks a[aria-current="page"]{color:var(--accent)}
body.page-light{background:var(--sheet)}

/* --- Homepage hero --- */
.h-hero{padding:72px 0 56px;background:var(--sheet);color:#000}
.h-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;min-height:0}
.h-hero h1{font-family:Manrope;font-weight:800;font-size:clamp(64px,9vw,148px);line-height:.86;letter-spacing:-.075em;margin:0}
.h-hero h1 span{display:block}
.h-lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;max-width:34em;margin:28px 0 30px;color:var(--ink-soft)}
.h-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.h-btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:16px 26px;font-weight:700;font-size:15px;border:1.5px solid #000;background:#000;color:#fff;cursor:pointer;text-decoration:none}
.h-btn.secondary{background:transparent;color:#000}
.h-btn:hover{background:var(--accent);color:#000;border-color:#000}
.h-btn:focus-visible,.frame-link:focus-visible{outline:3px solid var(--marker);outline-offset:3px}
.h-tagline{margin-top:30px;font-size:14px;color:var(--ink-soft)}
.h-strip{background:var(--film);padding:14px 14px 30px;border-radius:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}
.h-strip figure{margin:0;position:relative}
.h-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#2b2b29}
.h-strip figcaption{position:absolute;left:0;bottom:-22px;color:var(--film-edge);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.h-strip .selected img{outline:3px solid var(--marker);outline-offset:4px}
.h-strip-note{font-size:13px;color:var(--ink-soft);margin-top:14px}

/* --- Contact sheet --- */
.sheet{background:var(--sheet);padding:24px 0 100px;color:#000}
.sheet-key{display:flex;flex-wrap:wrap;gap:22px;align-items:center;border-top:1.5px solid #000;padding:18px 0 0;font-size:15px;color:var(--ink-soft)}
.sheet-key b{color:#000}
.key-mark{display:inline-flex;align-items:center;gap:8px}
.key-mark i{width:22px;height:16px;border:2.5px solid var(--marker);border-radius:50%;display:inline-block;transform:rotate(-8deg)}
.key-mark .plain{border-color:#9c9b95;border-style:dashed}
.act{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:40px;padding:64px 0 0;scroll-margin-top:80px}
.act-head{position:sticky;top:96px;align-self:start}
.act-head h2{font-family:Manrope;font-size:clamp(30px,3vw,44px);line-height:1.02;letter-spacing:-.055em;margin:0 0 14px;font-weight:800}
.act-head p{margin:0;color:var(--ink-soft);line-height:1.6;font-size:15px}
.act-head .act-count{display:block;margin-top:14px;font-size:13px;color:#000;font-weight:600}
.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px 16px;align-items:start}
.frame{position:relative}
.frame-link{display:block;color:inherit;text-decoration:none;border-radius:4px}
.frame-film{background:var(--film);padding:9px 9px 24px;border-radius:3px;position:relative;transition:transform .25s ease}
.frame-link:hover .frame-film{transform:translateY(-3px)}
.frame-pic{aspect-ratio:4/3;background:#2b2b29;overflow:hidden;display:flex;align-items:flex-end;position:relative}
.frame-pic img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.frame-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;text-align:center;font-family:Manrope;font-weight:800;color:#e9e8e2;font-size:clamp(24px,2.3vw,34px);letter-spacing:-.05em;line-height:.95;background:radial-gradient(120% 90% at 50% 40%,#3a3a37 0%,#262624 70%)}
.frame.f-coming .frame-word{background:repeating-linear-gradient(135deg,#262624 0 14px,#2c2c2a 14px 28px);color:#cfcdc5}
.frame-num{position:absolute;left:10px;bottom:5px;font-size:11px;font-weight:800;color:var(--film-edge);font-variant-numeric:tabular-nums;letter-spacing:.04em}
.frame-state{position:absolute;right:10px;bottom:5px;font-size:11px;font-weight:600;color:var(--film-edge)}
.frame.f-live .frame-num{color:#fff}
.frame.f-live .frame-num::after{content:"";position:absolute;left:-7px;top:-5px;width:calc(100% + 14px);height:calc(100% + 9px);border:2.5px solid var(--marker);border-radius:50%;transform:rotate(-7deg)}
.frame.f-live .frame-state{color:#fff}
.frame-copy{padding:12px 2px 0}
.frame-copy h3{font-family:Manrope;font-size:19px;letter-spacing:-.035em;margin:0 0 6px;font-weight:800;line-height:1.15}
.frame-copy p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-soft)}
.frame-cta{display:inline-block;margin-top:9px;font-size:14px;font-weight:700;color:#000;border-bottom:2px solid var(--marker);padding-bottom:1px}
.frame.f-concept .frame-cta,.frame.f-coming .frame-cta{border-bottom-color:#b7b6af}

/* --- Page bar on inner pages --- */
.page-bar{background:var(--sheet);border-bottom:1px solid #dcdcd6;font-size:14px}
.page-bar .wrap{display:flex;align-items:center;gap:10px;min-height:52px;flex-wrap:wrap}
.page-bar a{color:#000;text-decoration:underline;text-underline-offset:3px}
.page-bar span{color:var(--ink-soft)}
.page-bar .state{margin-left:auto;font-weight:700;color:#000;display:inline-flex;gap:8px;align-items:center}

/* --- Related frames on inner pages --- */
.related{background:var(--sheet);padding:72px 0 90px;color:#000;border-top:1.5px solid #000}
.related h2{font-family:Manrope;font-size:clamp(28px,3vw,40px);letter-spacing:-.05em;margin:0 0 8px;font-weight:800}
.related > .wrap > p{margin:0 0 32px;color:var(--ink-soft)}

/* --- Concept pages --- */
.concept{background:var(--sheet);color:#000;padding:64px 0 40px}
.concept-top{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.concept-top .frame-film{padding:12px 12px 30px}
.concept-top .frame-pic{aspect-ratio:4/3}
.concept-top .frame-word{font-size:clamp(40px,6vw,84px)}
.concept h1{font-family:Manrope;font-weight:800;font-size:clamp(44px,6vw,86px);letter-spacing:-.07em;line-height:.92;margin:0 0 18px}
.concept .lede{font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--ink-soft);margin:0 0 20px;max-width:32em}
.status-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #000;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;margin-bottom:22px}
.status-chip.live{border-color:var(--marker);color:var(--marker)}
.concept-who{font-size:16px;line-height:1.6;margin:0;max-width:34em}
.concept-who b{display:block;margin-bottom:4px}
.concept-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin-top:64px}
.concept-block{border-top:1.5px solid #000;padding-top:18px}
.concept-block h2{font-family:Manrope;font-size:22px;letter-spacing:-.04em;margin:0 0 12px;font-weight:800}
.concept-block ul{margin:0;padding-left:20px;line-height:1.65;font-size:15px}
.concept-block li{margin-bottom:6px}
.concept-block p{margin:0;line-height:1.65;font-size:15px}
.concept-sources{margin-top:36px;font-size:13px;color:var(--ink-soft)}
.concept-sources a{color:#000}
.concept-note{margin-top:28px;font-size:13px;color:var(--ink-soft);max-width:60em}

@media (max-width:1000px){
  .h-hero .wrap,.concept-top{grid-template-columns:1fr;gap:40px}
  .act{grid-template-columns:1fr;gap:20px;padding-top:48px}
  .act-head{position:static}
  .concept-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  .h-hero{padding:44px 0 40px}
  .frames{grid-template-columns:1fr 1fr;gap:20px 12px}
  .frame-copy h3{font-size:16px}
  .frame-copy p{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .frame-word{font-size:20px}
  .frame-state{display:none}
}
@media (prefers-reduced-motion:reduce){.frame-film{transition:none}.frame-link:hover .frame-film{transform:none}}
/* Concept page depth: step by step, a first look, why it matters, honest limits, converter */
.concept-block ol{padding-left:20px;line-height:1.75;margin:0}
.concept-sample{margin-top:48px;background:#fff;border:1.5px solid #000;padding:28px 30px}
.concept-sample h2{margin-top:0}
.concept-sample ul{columns:2;column-gap:40px;line-height:1.75;padding-left:20px;margin:16px 0 0}
.concept-sample li{break-inside:avoid;margin-bottom:6px}
.concept-grid-2{grid-template-columns:1fr 1fr;margin-top:48px}
.concept-grid-1{grid-template-columns:1fr;margin-top:48px}
.conv{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-top:8px}
.conv label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}
.conv input{font:inherit;font-size:18px;padding:12px 14px;border:1.5px solid #000;width:180px;background:#fff}
.conv span{font-size:22px;padding-bottom:12px}
.conv-out{flex-basis:100%;margin:4px 0 0;font-size:15px}
@media(max-width:760px){.concept-sample ul{columns:1}.concept-grid-2{grid-template-columns:1fr}.conv input{width:140px}}

/* Step One Practice Studio: three readable original pose-progression diagrams. */
.studio-sequence{margin:26px 0;border:1px solid #56524f;border-radius:15px;padding:20px;background:#2d2926}
.studio-sequence h4{font:700 17px/1.35 Manrope,sans-serif;color:#f6f8f2;letter-spacing:-.02em;margin:0 0 17px}
.studio-sequence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.studio-sequence-card{min-width:0;border-radius:9px;background:#3b3734;overflow:hidden;padding:8px}
.studio-sequence-card svg{display:block;width:100%;height:auto;max-height:160px}
.studio-sequence-card strong{display:block;color:var(--accent);letter-spacing:.1em;font-size:10px;margin:10px 0 6px}
.studio-sequence-card p{font-size:12px;line-height:1.5;color:#eef1e7;margin:0 0 8px}
.studio-sequence-note{font-size:11px;color:#b8b4b1;line-height:1.5;margin:14px 0 0}
@media(max-width:540px){.studio-sequence{padding:13px}.studio-sequence-grid{gap:6px}.studio-sequence-card{padding:5px}.studio-sequence-card p{font-size:10px}.studio-sequence-card strong{font-size:9px}}

/* Twenty-lesson studio: independently scroll the selector, keep controls reachable. */
@media(min-width:951px){.studio-list{max-height:820px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#84807d #292d29}}
@media(max-width:950px){.studio-list{max-height:none;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x proximity}.studio-pick{scroll-snap-align:start}}

/* ===== Homepage: five desire-led sections in the original StudioMODL look =====
   1. Nav over the dark hero
   2. Section shell: headline, pain, promise, why you can trust it
   3. Model energy cards
   4. Pose Playbook: shuffle, pose diagram, pose clinic
   5. Legends strip
   6. Iconic places globe
   7. Your people previews
   8. "Inside" links to each idea's own page
   9. Small screens and reduced motion */

/* 1. Nav sits over the hero on the homepage, like the original */
body.home .nav{position:absolute;background:transparent;border-bottom:1px solid #ffffff3a}
body.home .hero-copy{padding-top:68px}
body.home .hero h1{margin:26px 0 26px}
body.home .hero-desc{max-width:470px}

/* 2. Section shell */
.hs{padding:120px 0;scroll-margin-top:0}
.hs-light{background:var(--cream);color:var(--ink)}
.hs-paper{background:var(--paper);color:var(--ink)}
.hs-dark{background:var(--ink);color:#f4f2ec}
.hs-night{background:#101010;color:#f4f2ec}
.hs-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:60px}
.hs-dark .kicker,.hs-night .kicker{color:var(--accent)}
.hs-h{font-family:Manrope,sans-serif;font-size:clamp(48px,6.4vw,100px);line-height:.94;letter-spacing:-.078em;font-weight:700;margin:0}
.hs-h em{font-style:normal}
.hs-light .hs-h em,.hs-paper .hs-h em{background:linear-gradient(transparent 68%,var(--accent) 68%,var(--accent) 92%,transparent 92%)}
.hs-dark .hs-h em,.hs-night .hs-h em{color:var(--accent)}
.hs-pain{font-family:Manrope,sans-serif;font-size:clamp(22px,2.1vw,29px);font-weight:600;letter-spacing:-.035em;line-height:1.22;margin:0 0 18px}
.hs-promise{font-size:17px;line-height:1.72;margin:0 0 22px;color:#55534d;max-width:36em}
.hs-dark .hs-promise,.hs-night .hs-promise{color:#c9c6bd}
.hs-proof{font-size:14px;line-height:1.6;margin:0;padding:2px 0 2px 16px;border-left:3px solid var(--accent);color:#5d5b55;max-width:38em}
.hs-dark .hs-proof,.hs-night .hs-proof{color:#a9a69c}
.hs-proof b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-bottom:4px;color:inherit}
.hs-light .hs-proof b,.hs-paper .hs-proof b{color:var(--ink)}
.hs-dark .hs-proof b,.hs-night .hs-proof b{color:var(--accent)}
.draft-tag{font-size:11px;font-weight:700;letter-spacing:.06em;color:#e7a27b;border:1px solid #e7a27b66;border-radius:999px;padding:4px 10px}

/* 3. Model energy */
.energy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.energy-card{background:var(--paper);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 #00000010}
.energy-img{position:relative;aspect-ratio:4/5;background:#d9d6cd;overflow:hidden}
.energy-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.energy-card:hover .energy-img img{transform:scale(1.04)}
.energy-img span{position:absolute;left:14px;top:14px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px}
.energy-copy{padding:22px 22px 26px}
.energy-copy h3{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.045em;margin:0 0 8px;line-height:1.1}
.energy-copy p{font-size:14.5px;line-height:1.6;color:#55534d;margin:0 0 12px}
.energy-copy ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.energy-copy li{font-size:13px;color:#33322e;padding-left:16px;position:relative}
.energy-copy li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.energy-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.energy-cta span{font-size:14px;color:#6a6862}

/* 4. Pose Playbook */
.play-wow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr) minmax(0,1fr);gap:18px;align-items:stretch}
.shuffle{background:#1f1d1c;border:1px solid #33302d;border-radius:26px;padding:32px;display:flex;flex-direction:column}
.shuffle-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.shuffle-top .kicker{margin:0}
.shuffle-pose{font-family:Manrope,sans-serif;font-size:clamp(34px,3.3vw,50px);letter-spacing:-.065em;line-height:1;margin:6px 0 24px;color:#fff}
.shuffle-rows{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.shuffle-rows div{border-top:1px solid #38342f;padding-top:10px}
.shuffle-rows dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8f8c82;margin-bottom:4px}
.shuffle-rows dd{margin:0;font-size:16px;font-weight:600;color:#f4f2ec}
.shuffle-why{margin:22px 0 24px;font-size:15px;line-height:1.65;color:#c9c6bd}
.shuffle-actions{margin-top:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.shuffle.flip .shuffle-pose,.shuffle.flip .shuffle-rows dd{animation:smFlip .45s ease both}
@keyframes smFlip{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.shuffle-figure{background:#f4f2ec;border-radius:26px;display:flex;align-items:center;justify-content:center;padding:18px;min-height:340px}
.shuffle-figure #shuffleDiagram{width:100%;display:flex;justify-content:center}
.shuffle-figure svg{max-width:300px!important;width:100%!important;background:transparent!important}
.clinic{background:#1a1918;border:1px solid #33302d;border-radius:26px;padding:28px;display:flex;flex-direction:column;gap:12px}
.clinic h3{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.05em;margin:0;color:#fff}
.clinic>p{margin:0;color:#a9a69c;font-size:14px}
.clinic-chips{display:flex;flex-wrap:wrap;gap:8px}
.clinic-chip{font:inherit;font-size:13px;color:#e6e3da;background:transparent;border:1px solid #46413c;border-radius:999px;padding:8px 13px;cursor:pointer}
.clinic-chip:hover{border-color:var(--accent)}
.clinic-chip[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.clinic-answer{margin:4px 0 0;background:#24211f;border-radius:14px;padding:16px;font-size:14.5px;line-height:1.6;color:#d9d6cc;min-height:90px}
.clinic-answer b{color:#fff}
.clinic .linkline{margin-top:auto;align-self:flex-start}
.hs-dark .linkline,.hs-night .linkline{color:#fff}

/* 5. Legends strip */
.legend-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(46px,calc((100vw - 1360px)/2)) 26px;scrollbar-width:thin}
.legend-strip:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.legend{flex:0 0 320px;scroll-snap-align:start;background:#fff;border-top:4px solid var(--ink);border-radius:4px 4px 20px 20px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.legend-year{font-family:Manrope,sans-serif;font-size:62px;font-weight:700;letter-spacing:-.08em;line-height:.9}
.legend h3{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.04em;line-height:1.15;margin:0}
.legend p{font-size:14px;line-height:1.6;color:#55534d;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.legend-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;padding-top:8px}
.legend-foot a{text-decoration:underline;text-underline-offset:3px;color:#33322e}
.ev{font-weight:700;border-radius:999px;padding:4px 10px;background:var(--cream)}
.ev-verified{background:var(--accent)}.ev-disputed{background:#f6d9c7}
.legend-more{background:var(--ink);color:#fff;border-top-color:var(--accent);justify-content:space-between}
.legend-more .legend-year{color:var(--accent)}.legend-more h3{color:#fff}.legend-more .linkline{color:#fff}

/* 6. Iconic places globe
   a. Toolbar: search, type, history, view toggle
   b. Filter chips and the energy banner
   c. Globe stage, halo, hover preview, legend
   d. Rich spot card
   e. Results list (cards), also the mobile and keyboard view
   f. Compact homepage teaser and small screens */
.globe-wow{--g-line:#33302d;--g-card:#181716;display:block}
/* a. Toolbar */
.globe-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.place-search{flex:1 1 260px;display:flex;align-items:center;gap:10px;border:1px solid #46413c;background:#161514;padding:0 14px;min-height:48px;transition:border-color .2s}
.place-search:focus-within{border-color:var(--accent)}
.place-search svg{width:18px;height:18px;fill:none;stroke:#a9a69c;stroke-width:2;flex:none}
.place-search input{flex:1;min-width:0;background:none;border:0;color:#f4f2ec;font-size:16px;outline:none;height:46px}
.place-search input::placeholder{color:#8f8c82}
.place-select select{appearance:none;background:#161514 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a9a69c' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #46413c;color:#f4f2ec;min-height:48px;padding:0 40px 0 14px;font-size:14px;border-radius:0}
.place-select select:focus-visible{border-color:var(--accent)}
.view-toggle{display:none;border:1px solid #46413c}
.view-toggle button{background:none;border:0;color:#e6e3da;font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:0 16px;min-height:46px;cursor:pointer}
.view-toggle button[aria-pressed=true]{background:var(--accent);color:#141313}
/* b. Chips and banner */
.globe-filters{display:grid;gap:8px;margin-bottom:14px}
.chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.chip-row::-webkit-scrollbar{display:none}
.hs-night .globe-wow .chip{color:#e6e3da;background:transparent;border-color:#46413c}
.globe-wow .chip{white-space:nowrap;flex:none;min-height:40px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.hs-night .globe-wow .chip:hover{background:#ffffff10;color:#fff;border-color:#8f8c82}
.hs-night .globe-wow .chip.active,.hs-night .globe-wow .chip.active:hover{background:var(--accent);color:#141313;border-color:var(--accent)}
.energy-chip{display:inline-flex;align-items:center;gap:8px}
.energy-chip i,.globe-legend i,.energy-banner>i{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 10px var(--dot);display:inline-block;flex:none}
.hs-night .globe-wow .energy-chip.active,.hs-night .globe-wow .energy-chip.active:hover{background:var(--dot);border-color:var(--dot)}
.hs-night .globe-wow .energy-chip.active i{background:#141313;box-shadow:none}
.hs-night .globe-wow .history-chip.active{background:#f4f1ec;color:#141313;border-color:#f4f1ec}
.energy-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--dot);background:linear-gradient(90deg,color-mix(in srgb,var(--dot) 18%,transparent),transparent 70%);padding:12px 14px;margin:0 0 14px;animation:bannerIn .5s ease both}
.energy-banner p{margin:0;flex:1 1 280px;color:#d9d6cc;font-size:14px;line-height:1.5}
.energy-banner b{color:#fff}
@keyframes bannerIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* c. Globe stage */
.globe-main{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;align-items:start}
.globe-stage{position:relative;width:100%;max-width:660px;margin:0 auto;outline:none}
.globe-stage:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.globe-halo{position:absolute;left:4%;right:4%;top:0;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(232,54,75,.24),rgba(232,54,75,.06) 48%,transparent 70%);filter:blur(26px);pointer-events:none}
.globe-canvas{position:relative;display:block;width:100%;cursor:grab;touch-action:none}
.globe-canvas:active{cursor:grabbing}
.globe-tip{position:absolute;z-index:3;pointer-events:none;background:#141313f2;border:1px solid var(--dot);padding:8px 12px 9px;width:200px;box-shadow:0 12px 30px #0008;transform:translateY(-100%)}
.globe-tip b{display:block;color:#fff;font:700 14px/1.2 var(--display);letter-spacing:-.02em}
.globe-tip small{color:#a9a69c;font-size:12px}
.tip-img{display:block;margin:-8px -12px 8px;height:100px;background:linear-gradient(135deg,var(--dot),#141313);overflow:hidden}
.tip-img img{width:100%;height:100%;object-fit:cover;display:block}
.globe-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.globe-hint{font-size:13px;color:#8f8c82;margin:0}
.globe-wow .surprise-btn{padding:13px 20px;gap:10px;cursor:pointer}
.globe-legend{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#a9a69c}
.globe-legend li{display:inline-flex;align-items:center;gap:7px}
.globe-legend .lg-doc{border-radius:0;transform:rotate(45deg);width:8px;height:8px;background:#f4f1ec;box-shadow:0 0 0 1.5px #e8364b}
.no-globe .globe-stage{display:none}
.no-globe .globe-main{grid-template-columns:1fr}
/* d. Spot card */
.spot-card{background:var(--g-card);border:1px solid var(--g-line);overflow:hidden;outline:none}
.spot-card:focus-visible{outline:2px solid var(--accent)}
.spot-intro{padding:30px}
.spot-card h3{font-family:var(--display);font-size:clamp(28px,3vw,38px);letter-spacing:-.06em;margin:6px 0 10px;color:#fff;line-height:1}
.spot-card p{margin:0 0 14px;line-height:1.6;color:#c9c6bd;font-size:15px}
.spot-photo{margin:0;position:relative}
.spot-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#222}
.spot-img img,.spot-img .spot-ph{position:absolute;inset:0;width:100%;height:100%}
.spot-img img{object-fit:cover;display:block;opacity:0}
.spot-img img.is-loaded{opacity:1;animation:imgIn .7s ease both}
.sb-thumb img,.tip-img img{opacity:0;transition:opacity .4s}
.sb-thumb img.is-loaded,.tip-img img.is-loaded{opacity:1}
@keyframes imgIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.spot-ph{display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px;box-sizing:border-box;background:radial-gradient(120% 90% at 85% 10%,color-mix(in srgb,var(--dot) 55%,transparent),transparent 60%),linear-gradient(160deg,#2a2624,#121111)}
.spot-ph span{font:800 clamp(24px,3.4vw,40px)/.95 var(--display);letter-spacing:-.06em;color:#ffffffd9;max-width:12ch}
.spot-ph small{color:#ffffff99;font-size:12px;margin-top:8px;max-width:44ch}
.no-photo .spot-ph{aspect-ratio:16/8}
.photo-credit{font-size:11.5px;line-height:1.45;color:#8f8c82;padding:8px 24px 0}
.photo-credit a{color:#c9c6bd;text-decoration:underline;text-underline-offset:2px}
.spot-body{padding:16px 24px 24px}
.spot-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.spot-meta .kicker{margin:0}
.cat-badge{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border:1px solid}
.cat-insp{color:#a9a69c;border-color:#46413c}
.cat-doc{color:#141313;background:#f4f1ec;border-color:#f4f1ec}
.energy-pills{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0}
.energy-pills li{font-size:12px;font-weight:700;color:#f4f2ec;padding:5px 10px 5px 22px;border:1px solid color-mix(in srgb,var(--dot) 60%,transparent);position:relative}
.energy-pills li:before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--dot)}
.spot-facts{margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--g-line);border-bottom:1px solid var(--g-line);padding:14px 0}
.spot-card dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8f8c82;margin-bottom:4px}
.spot-card dd{margin:0;font-size:14.5px;color:#f4f2ec;line-height:1.45}
.spot-shots h4{font:800 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.spot-shots ol{margin:0 0 16px;padding:0;list-style:none;counter-reset:shot;display:grid;gap:8px}
.spot-shots li{counter-increment:shot;position:relative;padding-left:34px;color:#e6e3da;font-size:14.5px;line-height:1.5}
.spot-shots li:before{content:"0" counter(shot);position:absolute;left:0;top:1px;font:800 12px/1.6 var(--display);color:#8f8c82}
.spot-care,.spot-permit{border-left:3px solid #6b6b62;padding-left:12px;color:#d9d6cc!important;font-size:14px!important}
.spot-care b,.spot-permit b{color:#fff;margin-right:4px}
.spot-care.risk{border-left-color:#e7a27b;color:#f1d3bf!important}
.spot-care.risk b{color:#e7a27b}
.spot-care .hazard{display:block;margin-top:4px;color:#f1d3bf}
.spot-care a,.spot-permit a,.spot-history a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.spot-history{border:1px solid #f4f1ec55;background:#f4f1ec0d;padding:14px 16px;margin:0 0 14px}
.spot-history strong{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#f4f1ec;margin-bottom:8px}
.spot-history p{font-size:14px!important;margin:0 0 10px!important}
.spot-history .spot-noaccess{margin:10px 0 0!important;color:#e7a27b!important;font-weight:600}
.spot-draft{font-size:12px!important;color:#8f8c82!important;margin:0 0 14px!important}
.spot-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.globe-wow .spot-actions .pill{padding:14px 20px;gap:10px;cursor:pointer}
.globe-wow .pill.ghost{background:none;color:#f4f2ec;border-color:#46413c;border-radius:0}
.globe-wow .pill.ghost:hover{border-color:#f4f2ec}
.copy-note{font-size:12px;color:#a9a69c}
/* e. Results list */
.spot-results{margin-top:36px}
.spot-count{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8f8c82;margin:0 0 12px}
.spot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.spot-btn{font:inherit;text-align:left;background:#151413;border:1px solid var(--g-line);color:#f4f2ec;cursor:pointer;display:grid;grid-template-columns:76px 1fr;align-items:stretch;padding:0;min-height:76px;transition:border-color .2s,background .2s}
.spot-btn:hover,.spot-btn:focus-visible{border-color:var(--dot);background:#1c1a19}
.spot-btn[aria-pressed=true]{border-color:var(--accent);background:#211b1b}
.sb-thumb{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--dot) 60%,transparent),transparent 65%),#222}
.sb-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sb-thumb:after{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 8px var(--dot)}
.is-doc .sb-thumb:after{border-radius:0;transform:rotate(45deg);box-shadow:0 0 0 1.5px #e8364b}
.sb-text{padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sb-text b{font-size:14px;font-weight:700;line-height:1.25}
.sb-text small{font-size:12px;color:#8f8c82}
.sb-tags{display:flex;gap:6px;margin-top:4px}
.sb-tags:empty{display:none}
.sb-tags em{font-style:normal;font-size:10.5px;font-weight:700;color:#f4f1ec;border:1px solid #f4f1ec44;padding:1px 6px}
.sb-tags em.risk{color:#e7a27b;border-color:#e7a27b66}
.spot-more{display:flex;align-items:center;justify-content:center;border:1px dashed #46413c;color:#fff;font-weight:700;min-height:76px;text-decoration:none}
.spot-more:hover{border-color:var(--accent)}
/* f. Homepage teaser and small screens */
.globe-compact .spot-results{margin-top:20px}
.globe-compact .energy-row{display:none}
.globe-more{margin:40px 0 0}
.globe-coming{margin:48px 0 0;color:#a9a69c;max-width:60ch}
.places-page{padding-top:56px}
.places-page .hs-h{font-size:clamp(48px,6.4vw,100px)}
@media(min-width:1101px){.globe-full .spot-card{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow-y:auto;scrollbar-width:thin}}
@media(max-width:1100px){
 .globe-main{grid-template-columns:1fr;gap:24px}
 .globe-stage{max-width:520px}
}
@media(max-width:700px){
 .view-toggle{display:flex}
 .place-select{flex:1 1 auto}.place-select select{width:100%}
 .globe-wow.view-list .globe-stage{display:none}
 .spot-body{padding:16px 18px 20px}
 .photo-credit{padding:8px 18px 0}
 .spot-facts{grid-template-columns:1fr}
 .spot-list{grid-template-columns:1fr}
 .globe-hud{flex-wrap:wrap}
 .globe-tip{display:none!important}
}
@media(prefers-reduced-motion:reduce){.spot-img img,.energy-banner{animation:none}.spot-btn{transition:none}}

/* 7. Your people */
.people-wow{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px;align-items:stretch}
.mock{position:relative;background:var(--paper);border:1.5px dashed #c9c6bd;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px}
.mock-tag{font-size:11px;font-weight:700;color:#8a877e;letter-spacing:.04em}
.mock-row{display:flex;gap:14px;align-items:center}
.mock-avatar{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:Manrope,sans-serif}
.mock b{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.04em}
.mock small{display:block;color:#6a6862;font-size:13px;margin-top:2px}
.mock p{margin:0;font-size:14.5px;line-height:1.6;color:#55534d}
.mock dl{margin:0;display:flex;flex-direction:column;gap:8px}
.mock dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px;font-size:14px}
.mock dt{color:#6a6862}.mock dd{margin:0;font-weight:700}
.mock-pill{margin-top:auto;align-self:flex-start;font-size:12px;font-weight:700;background:var(--cream);border-radius:999px;padding:6px 12px}
.people-promise{background:var(--ink);color:#fff;border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.people-promise .big{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,44px);letter-spacing:-.06em;line-height:1;margin:0;color:var(--accent)}
.people-promise p{margin:0;color:#c9c6bd;line-height:1.6}

/* 8. Inside links: each idea's own page */
.hs-inside{margin-top:72px;border-top:1px solid var(--line);padding-top:30px}
.hs-dark .hs-inside,.hs-night .hs-inside{border-top-color:#33302d}
.hs-inside>h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.04em;margin:0 0 18px}
.in-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.in-link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:#ffffff8c;color:inherit;transition:border-color .2s,background .2s}
.in-link:hover,.in-link:focus-visible{border-color:var(--ink);background:#fff}
.in-link b{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.03em}
.in-line{font-size:13.5px;line-height:1.5;color:#5d5b55}
.in-state{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:#6a6862}
.in-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#b9b6ac}
.in-live .in-state{color:var(--ink)}.in-live .in-state:before{background:#c92437}
.in-concept .in-state:before{background:var(--orange)}
.hs-dark .in-link,.hs-night .in-link{background:transparent;border-color:#33302d}
.hs-dark .in-link:hover,.hs-night .in-link:hover{border-color:var(--accent);background:#ffffff08}
.hs-dark .in-line,.hs-night .in-line{color:#a9a69c}
.hs-dark .in-state,.hs-night .in-state{color:#a9a69c}
.hs-dark .in-live .in-state,.hs-night .in-live .in-state{color:var(--accent)}
.in-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.in-col{display:flex;flex-direction:column;gap:8px}
.in-col h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--accent);margin:0 0 4px}
.footer-sections{display:grid!important;grid-template-columns:repeat(3,minmax(150px,1fr));gap:26px 40px}

/* 9. Small screens and reduced motion */
@media(max-width:1100px){
 .hs-head{grid-template-columns:1fr;gap:28px}
 .energy-grid{grid-template-columns:1fr 1fr}
 .play-wow{grid-template-columns:1fr 1fr}.clinic{grid-column:1 / -1}
 .people-wow{grid-template-columns:1fr 1fr}.people-promise{grid-column:1 / -1}
 .in-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .hs{padding:80px 0}
 .play-wow{grid-template-columns:1fr}.shuffle-figure{min-height:240px}
 .people-wow{grid-template-columns:1fr}
 .in-cols{grid-template-columns:1fr}
 .legend{flex-basis:270px}
 .legend-strip{padding-left:23px;padding-right:23px}
 .footer-sections{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.energy-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.shuffle.flip .shuffle-pose,.shuffle.flip .shuffle-rows dd{animation:none}.energy-card:hover .energy-img img{transform:none}}

/* Personalised Pose Playbook: small, readable, keyboard-operable controls */
.pb-personal{border-bottom:1px solid #41413b;margin:0 0 25px;padding-bottom:20px}
.pb-label{display:block;color:var(--accent);font-size:10px;letter-spacing:.14em;font-weight:800;margin-bottom:12px}
.pb-style-tabs{display:flex;gap:7px;flex-wrap:wrap}
.pb-style-tabs button{border-radius:100px;min-height:38px;border:1px solid #5b5b54;background:transparent;color:#eceae2;cursor:pointer;font:700 11px Manrope,sans-serif;padding:9px 12px}
.pb-style-tabs button[aria-pressed="true"]{color:#171717;background:var(--accent);border-color:var(--accent)}
.pb-style-tabs button:focus-visible,.pb-drill-actions a:focus-visible,.pb-drill-actions button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.pb-note{font-size:12px;color:#bdbbb2;margin:12px 0 0;line-height:1.5}
.pb-drill{margin-top:27px;padding:24px 0 3px;border-top:1px solid #41413b}
.pb-drill h4{font:700 22px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 17px;color:#fff}
.pb-drill ol{counter-reset:pb;list-style:none;padding:0;margin:0 0 17px;display:grid;gap:9px}
.pb-drill ol li{display:flex;align-items:baseline;gap:11px;font-size:13px;line-height:1.7;color:#edebe4}
.pb-drill li:before{counter-increment:pb;content:"0" counter(pb);font-size:11px;font-weight:800;color:var(--accent);flex-shrink:0}
.pb-drill-tip{font-size:12px;line-height:1.65;color:#d1cec5;margin:8px 0}.pb-drill-tip strong{color:var(--accent);margin-right:5px}
.pb-drill-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:21px 0 0}
.pb-drill-actions button,.pb-drill-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #77776e;border-radius:999px;background:transparent;color:#fff;text-decoration:none;font:700 11px Manrope,sans-serif;padding:10px 14px;cursor:pointer}
.pb-drill-actions button{background:var(--accent);color:#171717;border-color:var(--accent)}
.pb-draft{font-size:11px;color:#aba99f;line-height:1.6;margin:15px 0 0}
@media(max-width:700px){.pb-style-tabs button{font-size:10px}.pb-drill-actions{flex-direction:column;align-items:stretch}.pb-drill-actions button,.pb-drill-actions a{width:100%}}


/* 06 Brand Connections — editorial, model-led resource preview (no sales or verified listings). */
.brand-connections{background:#141313;color:#f6f6ee}
.brand-connections .hs-h em{color:var(--accent)}
.brand-audience{display:flex;gap:24px;align-items:center;max-width:990px;border-top:1px solid #6c6865;border-bottom:1px solid #6c6865;padding:25px 6px;margin:-5px 0 42px}
.brand-audience-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--accent);border-radius:50%;width:100px;height:100px;color:var(--accent);font:750 31px/1 Manrope,sans-serif;letter-spacing:-.08em}
.brand-audience strong{font-size:clamp(19px,2.4vw,27px);font-weight:750;letter-spacing:-.035em;color:white}
.brand-audience p{max-width:735px;font-size:14px;line-height:1.7;color:#cbc7c4;margin:8px 0 0}
.brand-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.brand-card{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid #3a3533;background:#1f1d1c;border-radius:13px;min-width:0}
.brand-visual{min-height:275px;position:relative;overflow:hidden;isolation:isolate}
.brand-visual:before,.brand-visual:after{content:"";position:absolute;z-index:-1}
.brand-visual-campaign{background:linear-gradient(143deg,#bfb4a7 0%,#9b8276 40%,#473d3c 100%)}
.brand-visual-campaign:before{width:48%;height:180%;left:30%;top:-31%;background:linear-gradient(100deg,#302c2b,#6f5f54 50%,#d9ccc3 51%,#c7bab2);transform:rotate(18deg);filter:drop-shadow(15px 10px 17px #2226)}
.brand-visual-campaign:after{width:44%;height:72%;top:12%;left:43%;border-radius:100% 100% 12% 12%;background:linear-gradient(145deg,#e8d4be,#8d685c);mix-blend-mode:multiply;transform:rotate(-19deg)}
.brand-visual-specialists{background:radial-gradient(circle at 65% 25%,#afaba8 0%,#6f6b68 48%,#3c3835 100%)}
.brand-visual-specialists:before{background:#e5e2d9;inset:12% 25% 14% 25%;transform:rotate(-10deg);border:10px solid #2d2926;box-shadow:18px 20px 25px #0005}
.brand-visual-specialists:after{background:linear-gradient(160deg,#d6bc9e 0 55%,#383431 55% 100%);inset:20% 33% 22% 33%;transform:rotate(-10deg)}
.brand-visual>span{position:absolute;left:20px;bottom:18px;z-index:2;padding:9px 12px;background:#141815df;color:white;font-size:10px;letter-spacing:.17em;font-weight:750}
.brand-card-body{padding:clamp(22px,3.3vw,38px);display:flex;flex-direction:column;align-items:flex-start}
.brand-overline,.brand-small-heading{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.brand-card h3{font-family:Manrope,sans-serif;font-size:clamp(26px,3.3vw,42px);letter-spacing:-.06em;line-height:1.1;margin:14px 0 16px;color:#fff}
.brand-card p{font-size:15px;color:#dedfd9;line-height:1.75;margin:0 0 15px;max-width:550px}
.brand-card .brand-detail{color:#bebab7;font-size:13px}
.brand-status{margin-top:auto;font-size:11px;letter-spacing:.04em;color:var(--accent);font-weight:750;border:1px solid #5a5350;border-radius:100px;padding:11px 15px}
.brand-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:40px;padding:31px 0;border-top:1px solid #625e5b}
.brand-bottom p{font-size:14px;line-height:1.75;color:#cbc7c4;margin:10px 0}
.brand-quiet-link{color:var(--accent);font-size:13px;font-weight:800;text-decoration:none;display:inline-block;margin-top:4px}
.brand-quiet-link:hover{text-decoration:underline}
.brand-quiet-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.brand-disclosure{font-size:12px!important;color:#b3afac!important}
@media(max-width:800px){.brand-cards{grid-template-columns:1fr}.brand-visual{min-height:240px}.brand-bottom{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.brand-audience{gap:14px;align-items:flex-start}.brand-audience-mark{width:70px;height:70px;font-size:23px}.brand-card-body{padding:24px}.brand-visual{min-height:205px}}


/* Section Six: independent brand-connections resource preview */
.brand-connections{background:#141313;color:#f5f4ed}
.brand-audience{display:flex;align-items:center;gap:24px;border-top:1px solid #75716e;border-bottom:1px solid #75716e;padding:26px 0;margin-bottom:38px}
.brand-audience-mark{width:95px;height:95px;flex:0 0 95px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:31px;font-weight:800}
.brand-audience strong{font-size:clamp(20px,3vw,27px)}
.brand-audience p{font-size:14px;line-height:1.7;color:#cac6c3;max-width:740px}
.brand-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.brand-card{border:1px solid #3a3533;background:#1f1d1c;border-radius:14px;overflow:hidden}
.brand-visual{min-height:245px;display:flex;align-items:end;padding:20px;background:linear-gradient(130deg,#bbaea2,#827267,#3e3a37)}
.brand-visual-specialists{background:linear-gradient(130deg,#7e7a77,#55514e,#1f1d1c)}
.brand-visual span{font-size:11px;letter-spacing:.14em;color:#fff;background:#171b17d9;padding:10px 13px}
.brand-card-body{padding:clamp(24px,3vw,36px)}
.brand-overline,.brand-small-heading{color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:750}
.brand-card h3{font-size:clamp(27px,4vw,42px);line-height:1.1;letter-spacing:-.045em;color:#fff;margin:14px 0}
.brand-card p,.brand-bottom p{font-size:14px;line-height:1.75;color:#e0e3dc}
.brand-card .brand-detail,.brand-bottom p{color:#c6c2bf}
.brand-status{display:inline-block;margin-top:13px;padding:10px 14px;border:1px solid #5a5350;border-radius:40px;color:var(--accent);font-size:11px}
.brand-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;border-top:1px solid #676360;margin-top:38px;padding-top:30px}
.brand-quiet-link{color:var(--accent);font-weight:700;text-decoration:underline}
.brand-quiet-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.brand-disclosure{font-size:12px!important}
@media(max-width:790px){.brand-cards,.brand-bottom{grid-template-columns:1fr}}
@media(max-width:500px){.brand-audience{gap:14px}.brand-audience-mark{width:65px;height:65px;flex-basis:65px;font-size:23px}.brand-visual{min-height:190px}}

/* ===== Working tools: shared building blocks (src/tools/<slug>/) =====
   Every tool page uses these so the tools feel like one family.
   1. Page frame and hero
   2. Panels, grids and steps
   3. Form fields
   4. Buttons and chips
   5. Results, notes and sources
   6. Print and small screens */

/* 1. Page frame and hero */
.tool{background:var(--paper);color:var(--ink);padding:56px 0 48px}
.tool-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:40px}
.tool-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,80px);letter-spacing:-.065em;line-height:.94;margin:0 0 16px}
.tool-hero h1 em{font-style:normal;background:linear-gradient(transparent 66%,var(--rose) 66%,var(--rose) 90%,transparent 90%)}
.tool-hero .lede{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:#4a4643;margin:0;max-width:34em}
.tool-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--red);color:var(--red);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:18px}
.tool-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}
.tool-privacy{border-left:3px solid var(--red);padding:4px 0 4px 16px;font-size:14px;line-height:1.55;color:#4a4643;margin:0}
.tool-privacy b{color:var(--ink)}

/* 2. Panels, grids and steps */
.tool-panel{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:20px}
.tool-panel h2{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.04em;margin:0 0 6px}
.tool-panel h3{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em;margin:18px 0 8px}
.tool-panel>p{margin:0 0 16px;line-height:1.6;font-size:15px;color:#4a4643}
.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.tool-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tool-sticky{position:sticky;top:88px}
.tool-steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none;counter-reset:ts}
.tool-steps li{counter-increment:ts;font-size:13px;font-weight:600;padding:7px 12px;border:1px solid var(--line);background:#fff;color:var(--muted)}
.tool-steps li::before{content:counter(ts)". "}
.tool-steps li.on{border-color:var(--ink);color:var(--ink)}
.tool-steps li.done{color:var(--red);border-color:var(--rose)}

/* 3. Form fields */
.tool-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600}
.tool-field small{font-weight:400;color:var(--muted);line-height:1.45}
.tool-field input,.tool-field select,.tool-field textarea{font:inherit;font-weight:400;font-size:16px;padding:11px 12px;border:1px solid #bfb6ab;background:#fff;color:var(--ink);border-radius:0;width:100%;box-sizing:border-box}
.tool-field textarea{min-height:140px;resize:vertical;line-height:1.5}
.tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.tool-check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eee7de;font-size:15px;line-height:1.5;cursor:pointer}
.tool-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--red);flex:none}
.tool-check.done span{color:var(--muted);text-decoration:line-through}

/* 4. Buttons and chips */
.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--sans);padding:13px 20px;border:1.5px solid var(--red);background:var(--red);color:#fff;cursor:pointer;text-decoration:none;min-height:44px}
.tool-btn:hover{background:var(--red-deep);border-color:var(--red-deep)}
.tool-btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.tool-btn.ghost:hover{background:var(--ink);color:#fff}
.tool-btn[disabled]{opacity:.45;cursor:not-allowed}
.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.tool-chips{display:flex;gap:8px;flex-wrap:wrap}
.tool-chips button{font:500 14px/1 var(--sans);padding:10px 14px;border:1px solid #bfb6ab;background:#fff;color:var(--ink);cursor:pointer;min-height:40px}
.tool-chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* 5. Results, notes and sources */
.tool-result{border-top:3px solid var(--red);background:#fff;padding:22px 24px;margin-top:20px}
.tool-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px}
.tool-badge.high{background:var(--red);color:#fff}
.tool-badge.medium{background:var(--rose);color:var(--ink)}
.tool-badge.low{background:#e6e1d9;color:var(--ink)}
.tool-limits{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.tool-limits>div{border-top:1.5px solid var(--ink);padding-top:16px}
.tool-limits h2{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.04em;margin:0 0 10px}
.tool-limits ul{margin:0;padding-left:20px;line-height:1.65;font-size:14px}
.tool-sources{font-size:13px;line-height:1.6;color:#5d5752}
.tool-sources a{color:var(--ink)}
.tool-empty{color:var(--muted);font-size:14px;padding:18px 0}

/* 6. Print and small screens */
@media (max-width:860px){
  .tool{padding:36px 0}
  .tool-hero,.tool-grid,.tool-limits{grid-template-columns:1fr;gap:20px}
  .tool-grid-3{grid-template-columns:1fr}
  .tool-sticky{position:static}
  .tool-panel{padding:18px}
}
@media print{
  .nav,.footer,.page-bar,.related,.tool-hero,.tool-limits,.tool-actions,.tool-no-print{display:none!important}
  .tool{padding:0;background:#fff}
}

/* Agency application tracker (scoped to .tool-application-tracker)
   1. Stats strip
   2. Toolbar, messages and form
   3. Board columns and cards
   4. Starter list, guides, digitals
   5. Small screens: columns stack into a list */

/* 1. Stats strip */
.tool-application-tracker .at-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line);margin:0 0 20px}
.tool-application-tracker .at-stat{padding:16px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.tool-application-tracker .at-stat:first-child{border-left:0;padding-left:0}
.tool-application-tracker .at-stat b{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.05em;line-height:1}
.tool-application-tracker .at-stat span{font-size:13px;color:#4a4643;line-height:1.35}
.tool-application-tracker .at-stat small{display:block;color:var(--muted);font-size:12px}
.tool-application-tracker .at-stat-due.on b{color:var(--red)}

/* 2. Toolbar, messages and form */
.tool-application-tracker .at-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tool-application-tracker .at-import{position:relative;overflow:hidden}
.tool-application-tracker .at-import input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.tool-application-tracker .at-import:focus-within{outline:2px solid var(--red);outline-offset:3px}
.tool-application-tracker .at-danger{border-color:var(--red);color:var(--red)}
.tool-application-tracker .at-danger:hover{background:var(--red);color:#fff;border-color:var(--red)}
.tool-application-tracker .at-msg{min-height:22px;margin:10px 0 14px;font-size:14px;font-weight:600;color:var(--red-deep)}
.tool-application-tracker .at-form{border-top:3px solid var(--red)}
.tool-application-tracker .at-error{color:var(--red-deep);font-weight:600;font-size:14px;min-height:1em;margin:0}
.tool-application-tracker .at-linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600}

/* 3. Board columns and cards */
.tool-application-tracker .at-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch;margin-top:4px}
.tool-application-tracker .at-col{background:var(--cream);border-top:2px solid var(--ink);padding:10px 8px 12px;min-height:180px;transition:background .15s,box-shadow .15s}
.tool-application-tracker .at-col.over{background:var(--blush);box-shadow:inset 0 0 0 2px var(--red)}
.tool-application-tracker .at-col[data-status="offer"]{border-top-color:var(--red)}
.tool-application-tracker .at-col h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:-.02em;margin:2px 4px 10px}
.tool-application-tracker .at-col h3 b{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--muted)}
.tool-application-tracker .at-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tool-application-tracker .at-empty{font-size:13px;color:var(--muted);padding:14px 4px;border:1px dashed #cfc6bb;text-align:center}
.tool-application-tracker .at-card{background:#fff;border:1px solid var(--line);padding:12px;font-size:13px;line-height:1.45;cursor:grab;min-width:0}
.tool-application-tracker .at-card.dragging{opacity:.45}
.tool-application-tracker .at-card.due{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}
.tool-application-tracker .at-card-top{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.tool-application-tracker .at-card h4{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}
.tool-application-tracker .at-card .tool-badge{font-size:10px;padding:3px 7px}
.tool-application-tracker .at-meta{color:var(--muted);margin:4px 0 0;font-size:12px}
.tool-application-tracker .at-link{margin:6px 0 0}
.tool-application-tracker .at-link a{color:var(--ink);font-weight:600;text-underline-offset:3px;text-decoration:underline}
.tool-application-tracker .at-facts{display:grid;grid-template-columns:1fr;gap:4px;margin:8px 0 0}
.tool-application-tracker .at-facts div{display:flex;gap:6px}
.tool-application-tracker .at-facts dt{font-weight:700;flex:none}
.tool-application-tracker .at-facts dd{margin:0;color:#4a4643;overflow-wrap:anywhere}
.tool-application-tracker .at-facts .wide{flex-direction:column;gap:0}
.tool-application-tracker .at-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #eee7de;align-items:flex-end}
.tool-application-tracker .at-status{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:1 1 100%}
.tool-application-tracker .at-status select{font:500 14px var(--sans);text-transform:none;letter-spacing:0;color:var(--ink);padding:8px;border:1px solid #bfb6ab;background:#fff;border-radius:0;width:100%;min-height:40px}
.tool-application-tracker .at-mini{font:600 13px var(--sans);background:none;border:1px solid #bfb6ab;padding:8px 10px;min-height:36px;cursor:pointer;color:var(--ink);flex:1}
.tool-application-tracker .at-mini:hover{border-color:var(--ink)}
.tool-application-tracker .at-encourage{font-size:13px;line-height:1.5;background:#fff;border-left:3px solid var(--rose);padding:10px 12px;margin:0 0 10px;color:#4a4643}
.tool-application-tracker .at-hint{font-size:13px;color:var(--muted);margin:10px 0 28px}
.tool-application-tracker .at-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tool-application-tracker .at-src{font-size:12px;color:var(--muted)}
.tool-application-tracker .at-src a{color:inherit}

/* 4. Starter list, guides, digitals */
.tool-application-tracker .at-starter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tool-application-tracker .at-starter-item{display:flex;flex-direction:column;justify-content:space-between;gap:12px;border:1px solid var(--line);padding:16px;background:var(--paper)}
.tool-application-tracker .at-starter-item h3{margin:0}
.tool-application-tracker .at-starter-item p{margin:6px 0 0;font-size:14px;line-height:1.5}
.tool-application-tracker .at-starter-item .tool-btn{align-self:flex-start}
.tool-application-tracker .at-note{font-size:14px;line-height:1.55;color:#4a4643;margin:16px 0 0}
.tool-application-tracker .at-list{margin:0;padding-left:18px;line-height:1.6;font-size:15px}
.tool-application-tracker .at-list li{margin-bottom:12px}
.tool-application-tracker .at-warning{border-top:3px solid var(--red);background:var(--blush)}
.tool-application-tracker .at-warning p{font-size:15px;line-height:1.6;margin:0 0 12px}
.tool-application-tracker .at-warning a{color:var(--ink)}
.tool-application-tracker .at-warning .tool-btn{color:#fff;text-decoration:none}
.tool-application-tracker .at-digitals{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:20px;align-items:end;padding:18px 20px}
.tool-application-tracker .at-digitals .tool-field{margin:0}
.tool-application-tracker .at-digitals-note{margin:0 0 4px;font-size:14px;line-height:1.55;color:#4a4643}
.tool-application-tracker .at-digitals-note a{color:var(--ink)}
.tool-application-tracker .at-digitals-note.old{color:var(--red-deep)}

/* 5. Small screens: columns stack into a list */
@media (max-width:1100px){
  .tool-application-tracker .at-board{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .tool-application-tracker .at-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-application-tracker .at-stat:nth-child(3){border-left:0;padding-left:0}
  .tool-application-tracker .at-stat:nth-child(n+3){border-top:1px solid var(--line)}
  .tool-application-tracker .at-board{grid-template-columns:1fr}
  .tool-application-tracker .at-col{min-height:0}
  .tool-application-tracker .at-card{cursor:default}
  .tool-application-tracker .at-starter-list,.tool-application-tracker .at-digitals{grid-template-columns:1fr}
  .tool-application-tracker .at-toolbar .tool-btn{flex:1 1 calc(50% - 10px)}
  .tool-application-tracker .at-toolbar #atAddBtn{flex-basis:100%}
}
@media print{
  .tool-application-tracker .at-board{grid-template-columns:repeat(3,1fr)}
  .tool-application-tracker .at-card-actions,.tool-application-tracker .at-starter,.tool-application-tracker .at-guides,.tool-application-tracker .at-digitals{display:none}
}

/* Casting and go-see prep (scoped to .tool-casting-prep)
   1. Type picker
   2. Checklist sheet: header, progress, sections
   3. Day-of timeline
   4. Self-tape helper and framing diagram
   5. Safety panel
   6. Small screens and print */

/* 1. Type picker */
.tool-casting-prep .cp-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool-casting-prep .cp-type{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:16px;border:1px solid #bfb6ab;background:var(--paper);color:var(--ink);cursor:pointer;min-height:92px;font:inherit;transition:border-color .15s,background .15s}
.tool-casting-prep .cp-type b{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em}
.tool-casting-prep .cp-type span{font-size:13px;line-height:1.4;color:#5d5752}
.tool-casting-prep .cp-type:hover{border-color:var(--ink)}
.tool-casting-prep .cp-type[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.tool-casting-prep .cp-type[aria-pressed="true"] span{color:#d8d2ca}
.tool-casting-prep .cp-when .tool-row{max-width:520px}
.tool-casting-prep .cp-when .tool-field{margin-bottom:0}

/* 2. Checklist sheet */
.tool-casting-prep .cp-result{scroll-margin-top:90px}
.tool-casting-prep .cp-sheet{margin:0 0 20px;padding:28px}
.tool-casting-prep .cp-sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:6px}
.tool-casting-prep .cp-sheet-head h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.05em;margin:4px 0 0;line-height:1}
.tool-casting-prep .cp-sheet-head h2:focus{outline:none}
.tool-casting-prep .cp-kicker{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.tool-casting-prep .cp-progress{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;min-width:220px}
.tool-casting-prep .cp-bar{flex:1;height:6px;background:#eee7de;overflow:hidden}
.tool-casting-prep .cp-bar i{display:block;height:100%;width:0;background:var(--red);transition:width .25s}
.tool-casting-prep .cp-section{padding:18px 0 4px}
.tool-casting-prep .cp-section h3{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.03em;margin:0 0 8px}
.tool-casting-prep .cp-cols{gap:32px}
.tool-casting-prep .cp-checks{list-style:none;margin:0;padding:0}
.tool-casting-prep .cp-list{margin:0;padding-left:18px;font-size:15px;line-height:1.6}
.tool-casting-prep .cp-list li{margin-bottom:8px}
.tool-casting-prep .cp-cite{font-size:12px;color:var(--muted);white-space:nowrap}
.tool-casting-prep a.cp-cite{text-decoration:underline;text-underline-offset:2px}
.tool-casting-prep a.cp-cite:hover{color:var(--red)}
.tool-casting-prep .tool-check.done .cp-cite{text-decoration:none}
.tool-casting-prep .cp-note{font-size:14px;color:var(--muted);margin:0 0 6px;line-height:1.5}
.tool-casting-prep .cp-what{background:var(--paper);margin:12px -28px 0;padding:18px 28px}
.tool-casting-prep .cp-ask{border-top:1px solid var(--line);margin-top:14px}
.tool-casting-prep .cp-safe-mini{border-top:1px solid var(--line);margin-top:14px}
.tool-casting-prep .cp-msg{min-height:1em;font-size:14px;font-weight:600;color:var(--red-deep);margin:10px 0 0}
.tool-casting-prep .cp-empty{text-align:center}

/* 3. Day-of timeline */
.tool-casting-prep .cp-timeline{list-style:none;margin:0;padding:0;position:relative}
.tool-casting-prep .cp-timeline li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;position:relative}
.tool-casting-prep .cp-timeline li::before{content:"";position:absolute;left:124px;top:0;bottom:0;width:1px;background:var(--line)}
.tool-casting-prep .cp-timeline li::after{content:"";position:absolute;left:120px;top:16px;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--red);box-sizing:border-box}
.tool-casting-prep .cp-timeline li.done::after{background:var(--red)}
.tool-casting-prep .cp-when-l{padding:12px 0;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.02em;text-align:right;padding-right:22px}
.tool-casting-prep .cp-when-l small{display:block;font-family:var(--sans);font-weight:500;font-size:11px;color:var(--muted);letter-spacing:.02em}
.tool-casting-prep .cp-timeline .tool-check{padding-left:8px}

/* 4. Self-tape helper */
.tool-casting-prep .cp-tape h2,.tool-casting-prep .cp-safety h2{margin-top:6px}
.tool-casting-prep .cp-tape-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start}
.tool-casting-prep .cp-tape h3{font-family:var(--display);font-weight:800;font-size:17px;margin:0 0 8px}
.tool-casting-prep .cp-tape h3:not(:first-child){margin-top:18px}
.tool-casting-prep .cp-frame{position:sticky;top:96px}
.tool-casting-prep .cp-frame-box{position:relative;aspect-ratio:16/9;background:#e6e1d9;border:2px solid var(--ink);overflow:hidden}
.tool-casting-prep .cp-frame-head{position:absolute;left:50%;top:14%;width:20%;aspect-ratio:3/4;transform:translateX(-50%);background:#c8bfb4;border-radius:50% 50% 46% 46%}
.tool-casting-prep .cp-frame-body{position:absolute;left:50%;top:62%;width:52%;height:60%;transform:translateX(-50%);background:#c8bfb4;border-radius:44% 44% 0 0}
.tool-casting-prep .cp-frame-eye{position:absolute;left:0;right:0;top:34%;border-top:1.5px dashed var(--red)}
.tool-casting-prep .cp-frame-eye::after{content:"eye level";position:absolute;right:8px;top:-20px;font-size:11px;font-weight:700;color:var(--red);letter-spacing:.04em}
.tool-casting-prep .cp-frame-lab{position:absolute;left:8px;bottom:8px;background:#fff;font-size:11px;font-weight:700;padding:4px 8px}
.tool-casting-prep .cp-frame-cap{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}

/* 5. Safety panel */
.tool-casting-prep .cp-safety{border-top:3px solid var(--red);background:var(--blush)}
.tool-casting-prep .cp-safe-grid{margin-top:8px}
.tool-casting-prep .cp-safe-grid h3{margin-top:0}
.tool-casting-prep .cp-safe-grid p{font-size:14px;line-height:1.6;margin:0 0 8px}
.tool-casting-prep .cp-src{font-size:12px;color:#5d5752}
.tool-casting-prep .cp-src a,.tool-casting-prep .cp-safe-more a{color:var(--ink)}
.tool-casting-prep .cp-safe-more{font-size:14px;line-height:1.6;margin:14px 0 0}
.tool-casting-prep .cp-safety .tool-btn{text-decoration:none}

/* 6. Small screens and print */
@media (max-width:860px){
  .tool-casting-prep .cp-types{grid-template-columns:1fr 1fr}
  .tool-casting-prep .cp-tape-grid{grid-template-columns:1fr;gap:20px}
  .tool-casting-prep .cp-frame{position:static}
  .tool-casting-prep .cp-sheet{padding:20px 18px}
  .tool-casting-prep .cp-what{margin:12px -18px 0;padding:16px 18px}
  .tool-casting-prep .cp-cols{gap:0}
  .tool-casting-prep .cp-progress{min-width:0;width:100%}
}
@media (max-width:520px){
  .tool-casting-prep .cp-types{grid-template-columns:1fr}
  .tool-casting-prep .cp-type{min-height:0}
  .tool-casting-prep .cp-timeline li{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .tool-casting-prep .cp-timeline li::before{left:80px}
  .tool-casting-prep .cp-timeline li::after{left:76px}
  .tool-casting-prep .cp-when-l{font-size:13px;padding-right:16px}
  .tool-casting-prep .cp-cite{white-space:normal}
}
@media print{
  .tool-casting-prep .cp-pick,.tool-casting-prep .cp-when,.tool-casting-prep .cp-tape,.tool-casting-prep .cp-safety{display:none}
  .tool-casting-prep .cp-sheet{border:0;padding:0}
}
.tool-casting-prep .tool-check.done .cp-txt{text-decoration:none;color:inherit}
.tool-casting-prep .tool-check.done .cp-txt>span{color:var(--muted);text-decoration:line-through}

/* Comp card builder (src/tools/comp-card-builder)
   1. Layout of the page
   2. Step headings and hints
   3. Layout picker
   4. Photo slots
   5. Units and warnings
   6. Live preview
   7. Guide panel
   8. Small screens and print */

/* 1. Layout of the page */
.tool-comp-card-builder .cc-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px}
.tool-comp-card-builder .cc-skip{position:absolute;left:-9999px}
.tool-comp-card-builder .cc-skip:focus{position:static;display:inline-block;margin-bottom:12px;color:var(--red);font-weight:700}
.tool-comp-card-builder .cc-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 2. Step headings and hints */
.tool-comp-card-builder .tool-panel h2{display:flex;align-items:center;gap:12px}
.tool-comp-card-builder .cc-num{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;background:var(--ink);color:#fff;font:800 14px/1 var(--display);letter-spacing:0}
.tool-comp-card-builder .cc-hint{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.tool-comp-card-builder .cc-row-tight{margin-top:16px}
.tool-comp-card-builder .cc-row-tight .tool-field{margin-bottom:0;max-width:280px}

/* 3. Layout picker */
.tool-comp-card-builder .cc-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool-comp-card-builder .cc-layout{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid #bfb6ab;background:#fff;padding:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.tool-comp-card-builder .cc-layout input{position:absolute;opacity:0;pointer-events:none}
.tool-comp-card-builder .cc-layout:hover{border-color:var(--ink)}
.tool-comp-card-builder .cc-layout:has(input:checked){border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.tool-comp-card-builder .cc-layout:has(input:focus-visible){outline:2px solid var(--red);outline-offset:3px}
.tool-comp-card-builder .cc-lay-txt b{display:block;font:800 15px/1.2 var(--display);letter-spacing:-.02em}
.tool-comp-card-builder .cc-lay-txt small{display:block;font-size:12.5px;line-height:1.45;color:var(--muted);margin-top:4px}
.tool-comp-card-builder .cc-lay-art{display:flex;gap:5px;height:64px}
.tool-comp-card-builder .cc-lay-art i{flex:1;max-width:45px;border:1px solid var(--line);background:var(--paper);position:relative}
.tool-comp-card-builder .cc-art-classic i:first-child{background:linear-gradient(#cfc5b9,#cfc5b9) 4px 4px/calc(100% - 8px) 68% no-repeat,var(--paper)}
.tool-comp-card-builder .cc-art-classic i:last-child{background:linear-gradient(#cfc5b9,#cfc5b9) 4px 4px/calc(50% - 6px) 30% no-repeat,linear-gradient(#cfc5b9,#cfc5b9) calc(100% - 4px) 4px/calc(50% - 6px) 30% no-repeat,linear-gradient(#cfc5b9,#cfc5b9) 4px 22px/calc(50% - 6px) 30% no-repeat,linear-gradient(#cfc5b9,#cfc5b9) calc(100% - 4px) 22px/calc(50% - 6px) 30% no-repeat,var(--paper)}
.tool-comp-card-builder .cc-art-grid i{background:linear-gradient(#cfc5b9,#cfc5b9) 4px 10px/58% 55% no-repeat,linear-gradient(var(--ink),var(--ink)) 4px 4px/50% 3px no-repeat,linear-gradient(#cfc5b9,#cfc5b9) 4px calc(100% - 4px)/calc(100% - 8px) 18% no-repeat,var(--paper)}
.tool-comp-card-builder .cc-art-editorial i:first-child{background:linear-gradient(transparent 55%,rgba(23,23,23,.85)),linear-gradient(#a99e91,#a99e91);border-color:var(--ink)}
.tool-comp-card-builder .cc-art-editorial i:first-child::after{content:"";position:absolute;left:4px;bottom:6px;width:60%;height:4px;background:#fff;box-shadow:12px 0 0 -0px transparent}
.tool-comp-card-builder .cc-art-editorial i:last-child{background:linear-gradient(var(--ink),var(--ink)) 4px 4px/55% 4px no-repeat,linear-gradient(#cfc5b9,#cfc5b9) 4px 12px/52% 60% no-repeat,linear-gradient(#cfc5b9,#cfc5b9) calc(100% - 4px) 12px/34% 28% no-repeat,linear-gradient(#cfc5b9,#cfc5b9) calc(100% - 4px) 32px/34% 28% no-repeat,var(--paper)}

/* 4. Photo slots */
.tool-comp-card-builder .cc-file-btn{cursor:pointer}
.tool-comp-card-builder #ccFiles:focus-visible+.cc-hint,.tool-comp-card-builder .cc-file-btn:focus-within{outline:2px solid var(--red);outline-offset:3px}
.tool-comp-card-builder .cc-file-btn.is-disabled{opacity:.45;pointer-events:none}
.tool-comp-card-builder .cc-slots{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.tool-comp-card-builder .cc-slot{border:1px solid var(--line);background:#fff;padding:10px}
.tool-comp-card-builder .cc-slot.is-head{border-color:var(--ink)}
.tool-comp-card-builder .cc-slot-top{display:flex;gap:12px;align-items:flex-start}
.tool-comp-card-builder .cc-thumb{width:76px;height:96px;flex:none;display:block;cursor:grab;touch-action:none;background:var(--cream)}
.tool-comp-card-builder .cc-thumb:active{cursor:grabbing}
.tool-comp-card-builder .cc-slot-info{min-width:0;flex:1}
.tool-comp-card-builder .cc-slot-info b{display:block;font:800 15px/1.2 var(--display);letter-spacing:-.02em}
.tool-comp-card-builder .cc-slot.is-head .cc-slot-info b{color:var(--red)}
.tool-comp-card-builder .cc-slot-name{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 8px}
.tool-comp-card-builder .cc-slot-btns{display:flex;flex-wrap:wrap;gap:6px}
.tool-comp-card-builder .cc-mini{font:600 13px/1 var(--sans);min-width:40px;min-height:40px;padding:0 10px;border:1px solid #bfb6ab;background:#fff;color:var(--ink);cursor:pointer}
.tool-comp-card-builder .cc-mini:hover{border-color:var(--ink)}
.tool-comp-card-builder .cc-mini[disabled]{opacity:.35;cursor:not-allowed}
.tool-comp-card-builder .cc-mini[aria-expanded="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.tool-comp-card-builder .cc-adjust{border-top:1px solid var(--line);margin-top:10px;padding-top:4px}
.tool-comp-card-builder .cc-adjust .tool-field{margin-bottom:8px}
.tool-comp-card-builder .cc-adjust input[type=range]{padding:0;border:0;accent-color:var(--red);height:32px}

/* 5. Units and warnings */
.tool-comp-card-builder .cc-units{border:0;padding:0;margin:4px 0 14px}
.tool-comp-card-builder .cc-units legend{font-size:14px;font-weight:600;margin-bottom:8px;padding:0}
.tool-comp-card-builder .cc-check{border-bottom:0;padding-bottom:0}
.tool-comp-card-builder .cc-height{margin-bottom:0}
.tool-comp-card-builder .cc-measure{margin-bottom:14px}
.tool-comp-card-builder .cc-measure .tool-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.tool-comp-card-builder .tool-field select#ccChestLabel{display:inline-block;width:auto;padding:2px 4px;font-size:14px;font-weight:600;border:0;border-bottom:1px dashed #bfb6ab;background:transparent}
.tool-comp-card-builder .cc-warn{background:var(--blush);border-left:3px solid var(--red);padding:10px 14px;font-size:14px;line-height:1.5;margin:0 0 14px;color:var(--ink)}
.tool-comp-card-builder .cc-draft-actions{margin-top:4px}

/* 6. Live preview */
.tool-comp-card-builder .cc-preview-panel{background:#fff;outline:none}
.tool-comp-card-builder .cc-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.tool-comp-card-builder .cc-preview-head h2{margin:0}
.tool-comp-card-builder .cc-preview-meta{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.tool-comp-card-builder .cc-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--cream);padding:18px}
.tool-comp-card-builder .cc-pages.is-single{grid-template-columns:minmax(0,72%);justify-content:center}
.tool-comp-card-builder .cc-page{margin:0}
.tool-comp-card-builder .cc-page canvas{display:block;width:100%;height:auto;background:#fff;box-shadow:0 1px 2px rgba(23,23,23,.08),0 10px 28px rgba(23,23,23,.14)}
.tool-comp-card-builder .cc-page figcaption{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px;text-align:center}
.tool-comp-card-builder .cc-export .tool-btn{flex:1 1 200px}

/* 7. Guide panel */
.tool-comp-card-builder .cc-guide{margin-top:28px;padding:28px}
.tool-comp-card-builder .cc-guide h3{margin-top:14px}
.tool-comp-card-builder .cc-guide p{font-size:14.5px;line-height:1.6;color:#4a4643;margin:0}
.tool-comp-card-builder .cc-guide a{color:var(--red);font-weight:600;white-space:normal}

/* 8. Small screens and print */
@media (max-width:1100px){.tool-comp-card-builder .cc-layouts{grid-template-columns:1fr}.tool-comp-card-builder .cc-layout{flex-direction:row;align-items:center}.tool-comp-card-builder .cc-lay-art{width:96px;height:56px;flex:none}}
@media (max-width:860px){
  .tool-comp-card-builder .cc-grid{grid-template-columns:1fr}
  .tool-comp-card-builder .cc-preview-col{order:0}
  .tool-comp-card-builder .cc-pages{padding:12px;gap:10px}
}
@media (max-width:420px){
  .tool-comp-card-builder .cc-lay-art{width:72px}
  .tool-comp-card-builder .cc-thumb{width:64px;height:82px}
  .tool-comp-card-builder .cc-pages.is-single{grid-template-columns:minmax(0,88%)}
}
.tool-comp-card-builder [hidden]{display:none!important}
.tool-comp-card-builder .cc-measure .tool-row,.tool-comp-card-builder .cc-height.tool-row{align-items:end}
@media (max-width:860px){
  .tool-comp-card-builder .cc-skip{position:sticky;left:auto;bottom:16px;z-index:5;display:block;width:max-content;margin:0 0 0 auto;background:var(--ink);color:#fff;font:700 13px/1 var(--sans);padding:12px 16px;text-decoration:none;box-shadow:0 8px 20px rgba(23,23,23,.25);order:2}
  .tool-comp-card-builder .cc-skip:focus{position:sticky;color:#fff}
}
.tool-comp-card-builder .cc-controls{display:flex;flex-direction:column}.tool-comp-card-builder .cc-controls>.tool-panel{order:1}
@media (max-width:520px){.tool-comp-card-builder .cc-pages{grid-template-columns:minmax(0,86%);justify-content:center}}

/* Agency contract decoder: layout, legal note, results, highlights, calculator and panels. All rules scoped to .tool-contract-decoder
   1. Layout and legal note
   2. Summary and clause cards
   3. Highlighted text
   4. Calculator
   5. Lower panels and rulebook
   6. Small screens and print */

/* 1. Layout and legal note */
.tool-contract-decoder .cd-legal{border:1.5px solid var(--ink);background:#fff;padding:16px 20px;margin:0 0 24px;font-size:15px;line-height:1.55}
.tool-contract-decoder .cd-legal b{color:var(--red-deep);margin-right:4px}
.tool-contract-decoder .cd-legal a{color:var(--ink);font-weight:600}
.tool-contract-decoder .cd-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.tool-contract-decoder .cd-input .tool-panel{margin-bottom:0}
.tool-contract-decoder .cd-num{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;font-size:14px;margin-right:10px;vertical-align:2px;letter-spacing:0}
.tool-contract-decoder .cd-examples{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.tool-contract-decoder .cd-examples-label{font-size:13px;font-weight:600;color:var(--muted)}
.tool-contract-decoder #cdText{min-height:300px;font-size:15px}
.tool-contract-decoder .cd-result{margin-top:0;min-height:260px;outline:none}
.tool-contract-decoder .cd-result h3{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.03em;margin:28px 0 8px}
.tool-contract-decoder .cd-cite a{font-size:12px;font-weight:700;color:var(--red-deep);text-decoration:none;margin-left:2px}
.tool-contract-decoder .cd-cite a:hover{text-decoration:underline}
.tool-contract-decoder .cd-small{font-size:13px;color:var(--muted);line-height:1.5;margin:12px 0 0}

/* 2. Summary and clause cards */
.tool-contract-decoder .cd-summary{padding:20px;margin:-4px -4px 0;border-left:6px solid var(--red);background:#fbeef0}
.tool-contract-decoder .cd-summary h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,3vw,36px);letter-spacing:-.05em;line-height:1.05;margin:0 0 8px}
.tool-contract-decoder .cd-summary p{margin:0 0 8px;line-height:1.55;font-size:15px;color:#3d3936}
.tool-contract-decoder .cd-kicker{font-size:11px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:6px!important}
.tool-contract-decoder .cd-reminder{font-size:13px!important;color:var(--muted)!important;margin:0!important}
.tool-contract-decoder .cd-tip{font-size:14px;color:#4a4643;margin:0 0 12px;line-height:1.5}
.tool-contract-decoder .cd-hits{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tool-contract-decoder .cd-hit{border:1px solid var(--line);border-left:4px solid #a39c93;background:#fff}
.tool-contract-decoder .cd-hit-high{border-left-color:var(--red)}
.tool-contract-decoder .cd-hit-medium{border-left-color:var(--rose)}
.tool-contract-decoder .cd-hit summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;min-height:44px}
.tool-contract-decoder .cd-hit summary::-webkit-details-marker{display:none}
.tool-contract-decoder .cd-hit summary::after{content:"+";font:700 20px/1 var(--display);color:var(--red);flex:none}
.tool-contract-decoder .cd-hit details[open] summary::after{content:"\2212"}
.tool-contract-decoder .cd-hit summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.tool-contract-decoder .cd-hit-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;flex:1;min-width:0}
.tool-contract-decoder .cd-hit-head b{font-family:var(--display);font-size:17px;letter-spacing:-.03em}
.tool-contract-decoder .cd-hit-count{font-size:12px;color:var(--muted);white-space:nowrap}
.tool-contract-decoder .cd-hit-body{padding:0 16px 16px}
.tool-contract-decoder .cd-hit-body>p{margin:10px 0 0;font-size:14px;line-height:1.6;color:#3d3936}
.tool-contract-decoder .cd-quote{margin:0;padding:10px 14px;background:#f7f4ef;border-left:2px solid var(--ink);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.tool-contract-decoder .cd-quote p{margin:0 0 6px}
.tool-contract-decoder .cd-quote p:last-child{margin:0}
.tool-contract-decoder .cd-more{color:var(--muted);font-size:13px}
.tool-contract-decoder .cd-extract{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tool-contract-decoder .cd-pill{display:inline-block;background:var(--ink);color:#fff;font-weight:700;font-size:13px;padding:3px 9px}
.tool-contract-decoder .cd-use{font:600 13px/1 var(--sans);background:none;border:1px solid var(--red);color:var(--red-deep);padding:8px 10px;cursor:pointer;min-height:36px}
.tool-contract-decoder .cd-use:hover{background:var(--red);color:#fff}
.tool-contract-decoder .cd-ask{margin-top:12px;background:var(--blush);padding:12px 14px;font-size:14px;line-height:1.55}
.tool-contract-decoder .cd-ask ul{margin:6px 0 0;padding-left:18px}
.tool-contract-decoder .cd-ask li{margin-bottom:4px}
.tool-contract-decoder .cd-missing{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tool-contract-decoder .cd-missing li{border:1px dashed #bfb6ab;padding:12px 14px;font-size:14px;line-height:1.5;background:#fffdfb}
.tool-contract-decoder .cd-missing b{display:block;font-family:var(--display);letter-spacing:-.02em;margin-bottom:2px}
.tool-contract-decoder .cd-missing span{color:#4a4643}

/* 3. Highlighted text */
.tool-contract-decoder .cd-legend{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 8px;font-size:13px}
.tool-contract-decoder .cd-key{display:inline-flex;align-items:center;gap:6px}
.tool-contract-decoder .cd-key::before{content:"";width:14px;height:14px;border-bottom:2px solid}
.tool-contract-decoder .cd-key.cd-high::before{background:#f7cdd2;border-color:var(--red)}
.tool-contract-decoder .cd-key.cd-medium::before{background:#fbe3d6;border-color:#d98b5f}
.tool-contract-decoder .cd-highlight{border:1px solid var(--line);background:#fffdfb;padding:14px 16px;font-size:14px;line-height:1.75;max-height:360px;overflow:auto;overflow-wrap:anywhere}
.tool-contract-decoder .cd-mark{padding:1px 2px;color:var(--ink);border-bottom:2px solid}
.tool-contract-decoder .cd-mark.cd-high{background:#f7cdd2;border-color:var(--red)}
.tool-contract-decoder .cd-mark.cd-medium{background:#fbe3d6;border-color:#d98b5f}
.tool-contract-decoder .cd-mark.cd-info{background:#ece7df;border-color:#a39c93}
.tool-contract-decoder .cd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 4. Calculator */
.tool-contract-decoder .cd-calc{margin-top:28px}
.tool-contract-decoder .cd-calc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}
.tool-contract-decoder .cd-calc-form .tool-check{border-bottom:0}
.tool-contract-decoder .cd-calc-out{background:var(--paper);border:1px solid var(--line);padding:22px}
.tool-contract-decoder .cd-net-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tool-contract-decoder .cd-net{font-family:var(--display);font-weight:800;font-size:clamp(40px,5vw,56px);letter-spacing:-.06em;line-height:1;margin:6px 0 4px}
.tool-contract-decoder .cd-net.cd-neg{color:var(--red-deep)}
.tool-contract-decoder .cd-net-sub{margin:0 0 16px;font-size:14px;color:#4a4643}
.tool-contract-decoder .cd-bar{display:flex;height:14px;background:#e6e1d9;margin-bottom:16px;overflow:hidden}
.tool-contract-decoder .cd-seg{display:block;min-width:2px}
.tool-contract-decoder .cd-seg-you{background:var(--ink)}
.tool-contract-decoder .cd-seg-agency{background:var(--red)}
.tool-contract-decoder .cd-seg-mother{background:var(--rose)}
.tool-contract-decoder .cd-seg-vat{background:#d98b5f}
.tool-contract-decoder .cd-seg-other{background:#a39c93}
.tool-contract-decoder .cd-seg-exp{background:#857e76;background-image:repeating-linear-gradient(45deg,transparent 0 3px,rgba(255,255,255,.35) 3px 6px)}
.tool-contract-decoder .cd-lines{margin:0;font-size:14px}
.tool-contract-decoder .cd-lines div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e6dfd5}
.tool-contract-decoder .cd-lines dt{display:flex;align-items:center;gap:8px}
.tool-contract-decoder .cd-lines dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.tool-contract-decoder .cd-dot{display:inline-block;width:10px;height:10px;flex:none}
.tool-contract-decoder .cd-dot-blank{border:1px solid #bfb6ab}
.tool-contract-decoder .cd-total{font-weight:800;border-bottom:0!important;padding-top:10px!important}
.tool-contract-decoder .cd-calc-msg{font-size:13px;line-height:1.5;color:#4a4643;margin:12px 0 0}
.tool-contract-decoder .cd-warn{color:var(--red-deep);font-weight:600}
.tool-contract-decoder .cd-calc-note{font-size:13px!important;color:var(--muted)!important;margin:16px 0 0!important}

/* 5. Lower panels and rulebook */
.tool-contract-decoder .cd-lower{margin-top:8px}
.tool-contract-decoder .cd-facts{margin:0;padding-left:18px;font-size:14px;line-height:1.6}
.tool-contract-decoder .cd-facts li{margin-bottom:8px}
.tool-contract-decoder .cd-help{list-style:none;margin:0;padding:0}
.tool-contract-decoder .cd-help li{padding:10px 0;border-bottom:1px solid #eee7de;font-size:14px;line-height:1.55}
.tool-contract-decoder .cd-help li:last-child{border-bottom:0}
.tool-contract-decoder .cd-help li>a,.tool-contract-decoder .cd-help li>b{display:block;font-weight:700;color:var(--ink);margin-bottom:2px}
.tool-contract-decoder .cd-help li span{color:#4a4643}
.tool-contract-decoder .cd-ny{background:#fffdfb}
.tool-contract-decoder .cd-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.tool-contract-decoder .cd-rule{border:1px solid var(--line);padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fffdfb}
.tool-contract-decoder .cd-rule{align-content:flex-start}
.tool-contract-decoder .cd-rule b{font-size:14px;flex-basis:100%}
.tool-contract-decoder .cd-rule small{flex-basis:100%;color:var(--muted);font-size:12.5px;line-height:1.45}
.tool-contract-decoder .tool-sources{padding-left:20px}
.tool-contract-decoder .tool-sources li{margin-bottom:6px;overflow-wrap:anywhere}
.tool-contract-decoder .tool-sources li:target{background:var(--blush)}

/* 6. Small screens and print */
@media (max-width:860px){
  .tool-contract-decoder .cd-grid,.tool-contract-decoder .cd-calc-grid{grid-template-columns:1fr}
  .tool-contract-decoder .cd-summary{margin:-4px -6px 0}
  .tool-contract-decoder #cdText{min-height:220px}
}
@media (max-width:480px){
  .tool-contract-decoder .cd-hit summary{align-items:flex-start}
  .tool-contract-decoder .cd-hit-count{display:none}
  .tool-contract-decoder .cd-calc-out{padding:16px}
  .tool-contract-decoder .cd-calc-form .tool-row{grid-template-columns:1fr;gap:0}
}
@media print{
  .tool-contract-decoder .cd-input,.tool-contract-decoder .cd-rulebook,.tool-contract-decoder .cd-lower{display:none}
  .tool-contract-decoder .cd-grid{display:block}
  .tool-contract-decoder .cd-hit details>*:not(summary){display:block}
}

/* Digitals at home (src/tools/digitals-at-home)
   1. Safety note
   2. Progress bar and stages
   3. Prep list and room set-up diagram
   4. Shot tabs
   5. Shot panel and framing diagrams
   6. Self-timer
   7. Final check and agency table
   8. Small screens and print */

/* 1. Safety note */
.tool-digitals-at-home .dh-safety{display:flex;gap:16px;align-items:flex-start;background:var(--blush);border-left:4px solid var(--red);padding:18px 20px;margin:0 0 24px}
.tool-digitals-at-home .dh-safety-mark{flex:none;display:grid;place-items:center;width:32px;height:32px;background:var(--red);color:#fff;font:800 18px/1 var(--display)}
.tool-digitals-at-home .dh-safety h2{font:800 18px/1.2 var(--display);letter-spacing:-.03em;margin:2px 0 6px}
.tool-digitals-at-home .dh-safety p{margin:0;font-size:14px;line-height:1.6;color:#3d3936}
.tool-digitals-at-home .dh-safety a,.tool-digitals-at-home .dh-send a,.tool-digitals-at-home .dh-src a,.tool-digitals-at-home .tool-check em a{color:var(--ink)}
.tool-digitals-at-home .dh-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 2. Progress bar and stages */
.tool-digitals-at-home .dh-progress{margin:0 0 14px}
.tool-digitals-at-home .dh-progress-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;margin-bottom:8px}
.tool-digitals-at-home .dh-progress-top b{font:800 16px/1.2 var(--display);letter-spacing:-.02em}
.tool-digitals-at-home .dh-progress-top span{color:var(--muted)}
.tool-digitals-at-home .dh-bar{height:6px;background:#e6e1d9}
.tool-digitals-at-home .dh-bar span{display:block;height:100%;width:0;background:var(--red);transition:width .3s}

/* 3. Prep list and room set-up diagram */
.tool-digitals-at-home .dh-prep-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.tool-digitals-at-home .tool-check b{display:block;font-weight:700}
.tool-digitals-at-home .tool-check small{display:block;color:#5d5752;font-size:13.5px;line-height:1.5;margin-top:2px}
.tool-digitals-at-home .tool-check em{font-style:normal;font-size:12px;display:block;margin-top:3px}
.tool-digitals-at-home .tool-check.done span b,.tool-digitals-at-home .tool-check.done span small{text-decoration:none}
.tool-digitals-at-home .tool-check.done span{text-decoration:none}
.tool-digitals-at-home .tool-check.done>span>b,.tool-digitals-at-home .dh-review .tool-check.done>span,.tool-digitals-at-home #dhFinalList .tool-check.done>span{color:var(--muted);text-decoration:line-through}
.tool-digitals-at-home .dh-setup{margin:0;background:var(--paper);border:1px solid var(--line);padding:14px}
.tool-digitals-at-home .dh-setup svg{display:block;width:100%;height:auto}
.tool-digitals-at-home .dh-setup figcaption,.tool-digitals-at-home .dh-frame-wrap span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:8px}
.tool-digitals-at-home .dh-room{fill:#fff;stroke:#b8afa4;stroke-width:1.5}
.tool-digitals-at-home .dh-wallband{fill:#e6e1d9}
.tool-digitals-at-home .dh-window{fill:#cfe0ea;stroke:#8aa7b8}
.tool-digitals-at-home .dh-rays{stroke:#e9c46a;stroke-width:2;stroke-dasharray:4 4;fill:none}
.tool-digitals-at-home .dh-you{fill:var(--ink)}
.tool-digitals-at-home .dh-gap,.tool-digitals-at-home .dh-dist,.tool-digitals-at-home .dh-measure{stroke:var(--ink);stroke-width:1.2;fill:none}
.tool-digitals-at-home .dh-view{stroke:var(--red);stroke-width:1.2;stroke-dasharray:3 3;fill:none}
.tool-digitals-at-home .dh-phone{fill:var(--red)}
.tool-digitals-at-home .dh-lbl{font:600 10.5px/1 var(--sans);fill:var(--ink)}
.tool-digitals-at-home .dh-lbl-w{fill:#fff;font-size:9px}

/* 4. Shot tabs */
.tool-digitals-at-home .dh-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 18px}
.tool-digitals-at-home .dh-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);padding:8px 12px 8px 8px;border:1px solid var(--line);background:#fff;color:#5d5752;cursor:pointer;min-height:40px}
.tool-digitals-at-home .dh-tabs button:hover{border-color:var(--ink);color:var(--ink)}
.tool-digitals-at-home .dh-tick{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--paper);color:var(--ink);font:800 12px/1 var(--display)}
.tool-digitals-at-home .dh-tabs button.done .dh-tick{background:var(--rose);color:var(--red-deep)}
.tool-digitals-at-home .dh-tabs button[aria-selected="true"]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 -2px 0 var(--red)}
.tool-digitals-at-home .dh-tabs button[aria-selected="true"] .dh-tick{background:var(--ink);color:#fff}

/* 5. Shot panel and framing diagrams */
.tool-digitals-at-home .dh-shot:focus{outline:none}
.tool-digitals-at-home .dh-shot:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.tool-digitals-at-home .dh-shot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}
.tool-digitals-at-home .dh-diagram{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:14px}
.tool-digitals-at-home .dh-diagram>svg{display:block;width:100%;height:auto}
.tool-digitals-at-home .dh-frame-wrap{display:flex;flex-direction:column;align-items:center}
.tool-digitals-at-home .dh-frame{width:84px;height:auto;display:block}
.tool-digitals-at-home .dh-frame-bg{fill:#fff;stroke:var(--ink);stroke-width:2}
.tool-digitals-at-home .dh-mini{fill:#e3dcd2;stroke:#8d857c;stroke-width:1.2}
.tool-digitals-at-home .dh-mouth{stroke:var(--ink);stroke-width:1.5;fill:none;stroke-linecap:round}
.tool-digitals-at-home .dh-floorline,.tool-digitals-at-home .dh-wallline{stroke:#b8afa4;stroke-width:2;fill:none}
.tool-digitals-at-home .dh-cone{fill:rgba(201,36,55,.08);stroke:var(--red);stroke-width:1;stroke-dasharray:3 3}
.tool-digitals-at-home .dh-stand{stroke:var(--ink);stroke-width:1.6;fill:none}
.tool-digitals-at-home .dh-fig>*{fill:#e3dcd2;stroke:#8d857c;stroke-width:1.3;stroke-linejoin:round}
.tool-digitals-at-home .dh-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0;border-top:1.5px solid var(--ink)}
.tool-digitals-at-home .dh-specs>div{padding:10px 8px 0 0}
.tool-digitals-at-home .dh-specs dt{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.tool-digitals-at-home .dh-specs dd{margin:4px 0 0;font:700 14px/1.3 var(--display);letter-spacing:-.01em}
.tool-digitals-at-home .dh-count{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--red);margin-bottom:8px}
.tool-digitals-at-home .dh-shot-title{font:800 clamp(24px,2.6vw,30px)/1.05 var(--display);letter-spacing:-.05em;margin:0 0 10px}
.tool-digitals-at-home .dh-shot-copy>p{font-size:15px;line-height:1.6;color:#3d3936;margin:0 0 14px}
.tool-digitals-at-home .dh-dodont{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tool-digitals-at-home .dh-dodont>div{border-top:2px solid var(--ink);padding-top:10px}
.tool-digitals-at-home .dh-dodont>div+div{border-top-color:var(--red)}
.tool-digitals-at-home .dh-dodont h4,.tool-digitals-at-home .dh-review-h{font:800 15px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 6px}
.tool-digitals-at-home .dh-dodont ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
.tool-digitals-at-home .dh-dodont li{margin-bottom:4px}
.tool-digitals-at-home .dh-src{font-size:12.5px;color:#5d5752;line-height:1.55;margin:12px 0 0}
.tool-digitals-at-home .dh-shot-actions{margin-top:12px}
.tool-digitals-at-home .dh-review-h{margin-top:22px}
.tool-digitals-at-home .dh-review .tool-check{padding:8px 0;font-size:14.5px}
.tool-digitals-at-home .dh-hint,.tool-digitals-at-home .dh-status{font-size:14px;color:var(--red-deep);font-weight:600;min-height:1.4em;margin:10px 0 0}
.tool-digitals-at-home .dh-note{font-size:13px;color:var(--muted);line-height:1.5}

/* 6. Self-timer */
.tool-digitals-at-home .dh-timer-wrap{margin:0 0 20px}
.tool-digitals-at-home .dh-timer{display:grid;grid-template-columns:minmax(0,1.6fr) 200px;gap:28px;align-items:center;background:var(--ink);color:#f4f1ec;padding:28px;position:relative}
.tool-digitals-at-home .dh-timer::before{content:"";position:absolute;left:0;top:0;width:44px;height:4px;background:var(--red)}
.tool-digitals-at-home .dh-timer h2{font:800 22px/1.1 var(--display);letter-spacing:-.04em;margin:0 0 8px;color:#fff}
.tool-digitals-at-home .dh-timer p{font-size:14.5px;line-height:1.6;color:#cfc8c0;margin:0 0 14px}
.tool-digitals-at-home .dh-timer .tool-field{color:#fff}
.tool-digitals-at-home .dh-timer .tool-check{border-bottom:0;color:#e9e3dc;font-size:14px;align-self:end}
.tool-digitals-at-home .dh-timer-controls{align-items:end}
.tool-digitals-at-home .dh-timer .tool-btn.ghost{color:#fff;border-color:#8d857c}
.tool-digitals-at-home .dh-timer .tool-btn.ghost:hover:not([disabled]){background:#fff;color:var(--ink)}
.tool-digitals-at-home .dh-timer .tool-btn:focus-visible{outline-color:#e8364b}
.tool-digitals-at-home .dh-dial{position:relative;width:180px;height:180px;margin:0 auto}
.tool-digitals-at-home .dh-dial svg{width:100%;height:100%;transform:rotate(-90deg)}
.tool-digitals-at-home .dh-dial-bg{fill:none;stroke:#34302e;stroke-width:6}
.tool-digitals-at-home .dh-dial-fg{fill:none;stroke:#e8364b;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .95s linear}
.tool-digitals-at-home .dh-dial .dh-count{position:absolute;inset:0;display:grid;place-items:center;font:800 64px/1 var(--display);letter-spacing:-.06em;color:#fff;margin:0;text-transform:none}
.tool-digitals-at-home .dh-dial-lbl{position:absolute;left:0;right:0;bottom:36px;text-align:center;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#b5aea6;font-weight:700}
.tool-digitals-at-home .dh-timer.running .dh-dial-lbl{color:#e8364b}

/* 7. Final check and agency table */
.tool-digitals-at-home #dhFinal h3{margin-top:24px}
.tool-digitals-at-home .dh-table-wrap{overflow-x:auto;border:1px solid var(--line);margin:8px 0 16px}
.tool-digitals-at-home .dh-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13.5px;line-height:1.5}
.tool-digitals-at-home .dh-table th,.tool-digitals-at-home .dh-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #eee7de}
.tool-digitals-at-home .dh-table thead th{background:var(--paper);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5d5752}
.tool-digitals-at-home .dh-table tbody th{font-weight:700;white-space:nowrap}
.tool-digitals-at-home .dh-table a{color:var(--ink)}
.tool-digitals-at-home .dh-send ul{margin:0;padding-left:20px;font-size:14px;line-height:1.6}
.tool-digitals-at-home .dh-send li{margin-bottom:6px}

/* 8. Small screens and print */
@media (max-width:1000px){
  .tool-digitals-at-home .dh-shot-grid,.tool-digitals-at-home .dh-prep-grid{grid-template-columns:minmax(0,1fr)}
  .tool-digitals-at-home .dh-shot-visual{max-width:520px}
}
@media (max-width:700px){
  .tool-digitals-at-home .dh-timer{grid-template-columns:minmax(0,1fr);padding:22px}
  .tool-digitals-at-home .dh-dial{width:150px;height:150px;order:-1}
  .tool-digitals-at-home .dh-dial .dh-count{font-size:52px}
  .tool-digitals-at-home .dh-dial-lbl{bottom:38px;font-size:9.5px}
}
@media (max-width:480px){
  .tool-digitals-at-home .dh-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .tool-digitals-at-home .dh-tabs button{flex:none}
  .tool-digitals-at-home .dh-diagram{grid-template-columns:minmax(0,1fr) 70px;padding:10px;gap:8px}
  .tool-digitals-at-home .dh-frame{width:64px}
  .tool-digitals-at-home .dh-dodont{grid-template-columns:1fr}
  .tool-digitals-at-home .dh-specs dd{font-size:13px}
  .tool-digitals-at-home .dh-safety{padding:16px}
  .tool-digitals-at-home .tool-actions .tool-btn{flex:1 1 auto}
}
@media print{
  .tool-digitals-at-home .dh-timer-wrap,.tool-digitals-at-home .dh-tabs,.tool-digitals-at-home .dh-progress{display:none!important}
  .tool-digitals-at-home .dh-safety{background:#fff;border:1px solid #000}
}

/* Measurements guide (src/tools/measurements-guide)
   1. Kit strip
   2. Page layout and units
   3. Step list
   4. Step panel and diagram
   5. Card
   6. Small screens and print */

/* 1. Kit strip */
.tool-measurements-guide .mg-kit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line);margin:0 0 28px}
.tool-measurements-guide .mg-kit>div{padding:14px 16px 14px 0;display:flex;flex-direction:column;gap:4px}
.tool-measurements-guide .mg-kit>div+div{padding-left:16px;border-left:1px solid var(--line)}
.tool-measurements-guide .mg-kit b{font:800 15px/1.2 var(--display);letter-spacing:-.02em}
.tool-measurements-guide .mg-kit span{font-size:13px;line-height:1.45;color:#5d5752}

/* 2. Page layout and units */
.tool-measurements-guide .mg-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:28px}
.tool-measurements-guide .mg-main,.tool-measurements-guide .mg-side{min-width:0}
.tool-measurements-guide .mg-units{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.tool-measurements-guide .mg-units h2{font-size:18px;margin:0}
.tool-measurements-guide .mg-hint{font-size:13px;line-height:1.5;color:var(--muted);margin:6px 0 0}
.tool-measurements-guide .mg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 3. Step list */
.tool-measurements-guide .mg-nav{margin:0 0 14px}
.tool-measurements-guide .mg-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.tool-measurements-guide .mg-steps button{position:relative;display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);padding:8px 12px 8px 8px;border:1px solid var(--line);background:#fff;color:#5d5752;cursor:pointer;min-height:40px}
.tool-measurements-guide .mg-steps button:hover{border-color:var(--ink);color:var(--ink)}
.tool-measurements-guide .mg-n{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--paper);color:var(--ink);font:800 12px/1 var(--display)}
.tool-measurements-guide .mg-steps button.done .mg-n{background:var(--rose);color:var(--red-deep)}
.tool-measurements-guide .mg-steps button.on{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 -2px 0 var(--red)}
.tool-measurements-guide .mg-steps button.on .mg-n{background:var(--ink);color:#fff}

/* 4. Step panel and diagram */
.tool-measurements-guide .mg-step{padding:28px}
.tool-measurements-guide .mg-step:focus{outline:none}
.tool-measurements-guide .mg-step-grid{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr);gap:28px;align-items:start}
.tool-measurements-guide .mg-diagram{margin:0;background:var(--paper);border:1px solid var(--line);padding:14px 10px 10px;position:sticky;top:96px}
.tool-measurements-guide .mg-diagram svg{display:block;width:100%;height:auto;max-height:340px}
.tool-measurements-guide .mg-diagram figcaption{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:6px}
.tool-measurements-guide .mg-fig>*{fill:#e3dcd2;stroke:#8d857c;stroke-width:1.4;stroke-linejoin:round}
.tool-measurements-guide .mg-fig .mg-arm{fill:none;stroke:#8d857c;stroke-width:13;stroke-linecap:round}
.tool-measurements-guide .mg-fig .mg-arm{stroke:#e3dcd2}
.tool-measurements-guide .mg-floor,.tool-measurements-guide .mg-wall{stroke:#b8afa4;stroke-width:2;fill:none}
.tool-measurements-guide .mg-book{fill:var(--ink)}
.tool-measurements-guide .mg-mark{stroke:var(--red);stroke-width:2.5}
.tool-measurements-guide .mg-tape{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round}
.tool-measurements-guide .mg-tape.back{stroke-dasharray:3 4;stroke-width:2;opacity:.6}
.tool-measurements-guide .mg-lead{stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3;fill:none}
.tool-measurements-guide .mg-label{font:700 10.5px/1 var(--sans);fill:var(--ink)}
.tool-measurements-guide .mg-dot{fill:var(--red)}
.tool-measurements-guide .mg-paper{fill:#fff;stroke:var(--line)}
.tool-measurements-guide .mg-foot{fill:#e3dcd2;stroke:#8d857c;stroke-width:1.4}
.tool-measurements-guide .mg-count{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--red);margin-bottom:8px}
.tool-measurements-guide .mg-step h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.05em;line-height:1;margin:0 0 8px}
.tool-measurements-guide .mg-step h2:focus{outline:none}
.tool-measurements-guide .mg-intro{font-size:16px;line-height:1.5;color:#4a4643;margin:0 0 6px}
.tool-measurements-guide .mg-how{margin:0;padding-left:20px;line-height:1.6;font-size:15px}
.tool-measurements-guide .mg-how li{margin-bottom:6px}
.tool-measurements-guide .mg-slips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.tool-measurements-guide .mg-slips li{font-size:14px;line-height:1.45;padding-left:22px;position:relative;color:#4a4643}
.tool-measurements-guide .mg-slips li::before{content:"";position:absolute;left:2px;top:8px;width:10px;height:1.5px;background:var(--red)}
.tool-measurements-guide .mg-inputs{margin-top:20px}
.tool-measurements-guide .mg-shoe-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.tool-measurements-guide .mg-out{font-size:15px;line-height:1.5;margin:0 0 6px;min-height:1.5em;color:var(--ink)}
.tool-measurements-guide .mg-out b{font-weight:700}
.tool-measurements-guide .mg-src{font-size:12.5px;line-height:1.55;color:#5d5752;margin:8px 0 0}
.tool-measurements-guide .mg-src a,.tool-measurements-guide .mg-why a{color:var(--ink)}
.tool-measurements-guide .mg-why p{font-size:14px;line-height:1.6;color:#4a4643;margin:0}

/* 5. Card */
.tool-measurements-guide .mg-card{background:var(--ink);color:#f4f1ec;padding:26px 24px 20px;margin-bottom:16px;position:relative}
.tool-measurements-guide .mg-card:focus{outline:2px solid var(--red);outline-offset:3px}
.tool-measurements-guide .mg-card::before{content:"";position:absolute;left:0;top:0;width:44px;height:4px;background:var(--red)}
.tool-measurements-guide .mg-card-kicker{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#e8364b}
.tool-measurements-guide .mg-card-name{font:800 28px/1 var(--display);letter-spacing:-.05em;margin:10px 0 6px;color:#fff;overflow-wrap:anywhere}
.tool-measurements-guide .mg-card-date{font-size:12px;color:#b5aea6}
.tool-measurements-guide .mg-card-list{margin:18px 0 0;padding:0}
.tool-measurements-guide .mg-card-list>div{display:grid;grid-template-columns:minmax(92px,auto) 1fr;gap:12px;padding:10px 0;border-top:1px solid #34302e;align-items:baseline}
.tool-measurements-guide .mg-card-list dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b5aea6;font-weight:700}
.tool-measurements-guide .mg-card-list dd{margin:0;font:700 15px/1.35 var(--display);letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums}
.tool-measurements-guide .mg-card-empty{font-size:14px;color:#b5aea6;margin:18px 0 0;padding:16px 0;border-top:1px solid #34302e}
.tool-measurements-guide .mg-card-foot{font-size:11px;color:#8d857c;margin:14px 0 0;line-height:1.5}
.tool-measurements-guide .mg-status{font-size:14px;font-weight:600;color:var(--red-deep);min-height:1.4em;margin:10px 0 0}
.tool-measurements-guide .mg-card-tools .tool-actions{margin-top:4px}

/* 6. Small screens and print */
@media (max-width:1100px){
  .tool-measurements-guide .mg-step-grid{grid-template-columns:1fr}
  .tool-measurements-guide .mg-diagram{position:static;max-width:300px;margin:0 auto}
}
@media (max-width:860px){
  .tool-measurements-guide .mg-grid{grid-template-columns:minmax(0,1fr)}
  .tool-measurements-guide .mg-kit{grid-template-columns:1fr 1fr}
  .tool-measurements-guide .mg-kit>div:nth-child(3){padding-left:0;border-left:0}
  .tool-measurements-guide .mg-kit>div:nth-child(n+3){border-top:1px solid var(--line)}
  .tool-measurements-guide .mg-step{padding:20px}
  .tool-measurements-guide .mg-diagram svg{max-height:260px}
}
@media (max-width:480px){
  .tool-measurements-guide .mg-steps{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
  .tool-measurements-guide .mg-steps li{flex:none;scroll-snap-align:start}
  .tool-measurements-guide .mg-card-list>div{grid-template-columns:1fr;gap:3px}
  .tool-measurements-guide .mg-card-list dd{text-align:left}
  .tool-measurements-guide .tool-actions .tool-btn{flex:1 1 auto}
}
@media print{
  .tool-measurements-guide .mg-grid{display:block}
  .tool-measurements-guide .mg-side{position:static}
  .tool-measurements-guide .mg-card{background:#fff;color:#000;border:1.5px solid #000;max-width:520px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tool-measurements-guide .mg-card-name{color:#000}
  .tool-measurements-guide .mg-card-list>div,.tool-measurements-guide .mg-card-empty{border-color:#ccc}
  .tool-measurements-guide .mg-card-list dt,.tool-measurements-guide .mg-card-date,.tool-measurements-guide .mg-card-foot{color:#444}
}

/* Model releases explained: jump links, basics, sample release document, checker and ask list. All rules scoped to .tool-model-releases
   1. Legal note and jump links
   2. Section heads and the basics
   3. Sample release document
   4. Checker
   5. Ask list and related links
   6. Small screens and print */

/* 1. Legal note and jump links */
.tool-model-releases .mr-legal{border:1.5px solid var(--ink);background:#fff;padding:16px 20px;margin:0 0 20px;font-size:15px;line-height:1.55}
.tool-model-releases .mr-legal b{color:var(--red-deep);margin-right:4px}
.tool-model-releases .mr-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.tool-model-releases .mr-jump a{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;min-height:44px}
.tool-model-releases .mr-jump a:hover{border-color:var(--ink)}
.tool-model-releases .mr-jump span{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--red);color:#fff;font-size:12px;flex:none}
.tool-model-releases .mr-cite a{font-size:12px;font-weight:700;color:var(--red-deep);text-decoration:none;margin-left:2px}
.tool-model-releases .mr-cite a:hover{text-decoration:underline}

/* 2. Section heads and the basics */
.tool-model-releases .mr-section{padding-top:44px;scroll-margin-top:80px}
.tool-model-releases .mr-head{max-width:46em;margin-bottom:20px}
.tool-model-releases .mr-kicker{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.tool-model-releases .mr-kicker::before{content:"";width:28px;height:1px;background:currentColor}
.tool-model-releases .mr-head h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.05em;line-height:1.05;margin:10px 0 10px}
.tool-model-releases .mr-head p{margin:0;font-size:16px;line-height:1.6;color:#4a4643}
.tool-model-releases .mr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.tool-model-releases .mr-fact{background:#fff;padding:22px}
.tool-model-releases .mr-fact-n{font-family:var(--display);font-weight:800;font-size:13px;color:var(--red);letter-spacing:.04em}
.tool-model-releases .mr-fact h3{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.03em;line-height:1.2;margin:8px 0 8px}
.tool-model-releases .mr-fact p{margin:0;font-size:14.5px;line-height:1.6;color:#3d3936}

/* 3. Sample release document */
.tool-model-releases .mr-walk-tools{display:flex;justify-content:flex-end;margin-bottom:10px}
.tool-model-releases .mr-doc{background:#fffdfb;border:1px solid var(--line);box-shadow:0 1px 0 var(--line),0 18px 40px -28px rgba(23,23,23,.35)}
.tool-model-releases .mr-doc-top{padding:22px 24px 16px;border-bottom:1.5px solid var(--ink)}
.tool-model-releases .mr-doc-title{font-family:var(--serif);font-style:italic;font-size:28px;margin:0}
.tool-model-releases .mr-doc-sub{margin:4px 0 0;font-size:13px;color:var(--muted)}
.tool-model-releases .mr-clauses{list-style:none;margin:0;padding:0}
.tool-model-releases .mr-clause{border-bottom:1px solid #eee7de}
.tool-model-releases .mr-clause:last-child{border-bottom:0}
.tool-model-releases .mr-clause summary{display:flex;gap:14px;align-items:flex-start;padding:16px 24px;cursor:pointer;list-style:none;min-height:44px}
.tool-model-releases .mr-clause summary::-webkit-details-marker{display:none}
.tool-model-releases .mr-clause summary::after{content:"+";font:700 22px/1 var(--display);color:var(--red);margin-left:auto;flex:none;padding-top:2px}
.tool-model-releases .mr-clause details[open] summary::after{content:"\2212"}
.tool-model-releases .mr-clause details[open] summary{background:#f7f4ef}
.tool-model-releases .mr-clause summary:hover{background:#faf7f2}
.tool-model-releases .mr-clause summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.tool-model-releases .mr-clause-n{font-family:var(--display);font-weight:800;font-size:14px;color:var(--muted);min-width:22px;padding-top:2px}
.tool-model-releases .mr-clause-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.tool-model-releases .mr-clause-main b{font-family:var(--display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red-deep)}
.tool-model-releases .mr-clause-text{font-family:var(--serif);font-size:17px;line-height:1.5;color:var(--ink)}
.tool-model-releases .mr-clause-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:4px 24px 22px 60px;background:#f7f4ef}
.tool-model-releases .mr-cb{background:#fff;border:1px solid var(--line);padding:14px 16px}
.tool-model-releases .mr-cb h4{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tool-model-releases .mr-cb p,.tool-model-releases .mr-cb li{font-size:14px;line-height:1.55;color:#3d3936}
.tool-model-releases .mr-cb p{margin:0}
.tool-model-releases .mr-cb ul{margin:0;padding-left:18px}
.tool-model-releases .mr-cb li{margin-bottom:4px}
.tool-model-releases .mr-cb-ask{background:var(--blush);border-color:var(--rose)}
.tool-model-releases .mr-cb-ask h4{color:var(--red-deep)}

/* 4. Checker */
.tool-model-releases .mr-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.tool-model-releases .mr-grid .tool-panel{margin-bottom:0}
.tool-model-releases .mr-examples{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.tool-model-releases .mr-examples-label{font-size:13px;font-weight:600;color:var(--muted)}
.tool-model-releases #mrText{min-height:240px;font-size:15px}
.tool-model-releases .mr-result{margin-top:0;min-height:220px;outline:none}
.tool-model-releases .mr-verdict{padding:20px;margin:-4px -4px 0;border-left:6px solid var(--line);background:#faf8f5}
.tool-model-releases .mr-verdict h3{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.8vw,32px);letter-spacing:-.05em;line-height:1.05;margin:0 0 8px}
.tool-model-releases .mr-verdict p{margin:0;font-size:15px;line-height:1.55;color:#4a4643}
.tool-model-releases .mr-v-kicker{font-size:11px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:6px!important}
.tool-model-releases .mr-v-several{border-left-color:var(--red);background:#fbeef0}
.tool-model-releases .mr-v-several h3{color:var(--red-deep)}
.tool-model-releases .mr-v-some{border-left-color:var(--rose);background:#fdf6f2}
.tool-model-releases .mr-v-none{border-left-color:var(--ink)}
.tool-model-releases .mr-tally{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px!important;font-weight:700}
.tool-model-releases .mr-tally span{display:inline-flex;align-items:center;gap:6px}
.tool-model-releases .mr-good{margin-top:14px;font-size:14px;line-height:1.9}
.tool-model-releases .mr-good-pill{display:inline-block;border:1px solid #6f8f6a;color:#2f4a2b;background:#eef4ec;font-size:13px;font-weight:600;padding:2px 9px;line-height:1.6}
.tool-model-releases .mr-sub{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em;margin:22px 0 10px}
.tool-model-releases .mr-highlight{border:1px solid var(--line);background:#fffdfb;padding:14px 16px;font-size:14.5px;line-height:1.75;max-height:300px;overflow:auto;overflow-wrap:anywhere}
.tool-model-releases .mr-mark{padding:1px 2px;color:var(--ink);border-bottom:2px solid}
.tool-model-releases .mr-mark.mr-high{background:#f7cdd2;border-color:var(--red)}
.tool-model-releases .mr-mark.mr-medium{background:#fbe3d6;border-color:#d98b5f}
.tool-model-releases .mr-mark.mr-low{background:#ece7df;border-color:#a39c93}
.tool-model-releases .mr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tool-model-releases .mr-flags{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tool-model-releases .mr-flag{border:1px solid var(--line);border-left:4px solid #a39c93;padding:14px 16px;background:#fff}
.tool-model-releases .mr-flag-high{border-left-color:var(--red)}
.tool-model-releases .mr-flag-medium{border-left-color:var(--rose)}
.tool-model-releases .mr-flag-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.tool-model-releases .mr-flag-head b{font-family:var(--display);font-size:17px;letter-spacing:-.03em}
.tool-model-releases .mr-flag p{margin:6px 0 0;font-size:14px;line-height:1.6;color:#3d3936;overflow-wrap:anywhere}
.tool-model-releases .mr-how{font-size:13px!important;color:var(--muted)!important;margin-top:0!important}
.tool-model-releases .mr-todo{background:#f7f4ef;padding:8px 10px}

/* 5. Ask list and related links */
.tool-model-releases .mr-ask{margin:0;padding-left:22px;display:grid;gap:10px;font-size:15px;line-height:1.55}
.tool-model-releases .mr-ask li::marker{font-weight:800;color:var(--red)}
.tool-model-releases .mr-status{font-size:14px;color:var(--muted);margin:10px 0 0;min-height:1.4em}
.tool-model-releases .mr-related h2{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.04em;margin:0 0 12px}
.tool-model-releases .mr-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool-model-releases .mr-rel-link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;min-height:44px}
.tool-model-releases .mr-rel-link b{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.03em}
.tool-model-releases .mr-rel-link b::after{content:" \2192";color:var(--red)}
.tool-model-releases .mr-rel-link span{font-size:13px;line-height:1.45;color:#5d5752}
.tool-model-releases .mr-rel-link:hover{border-color:var(--ink)}
.tool-model-releases .tool-sources{padding-left:20px}
.tool-model-releases .tool-sources li{margin-bottom:6px;overflow-wrap:anywhere}
.tool-model-releases .tool-sources li:target{background:var(--blush)}

/* 6. Small screens and print */
@media (max-width:1000px){
  .tool-model-releases .mr-facts{grid-template-columns:1fr 1fr}
  .tool-model-releases .mr-clause-body{grid-template-columns:1fr;padding-left:24px}
}
@media (max-width:860px){
  .tool-model-releases .mr-jump{grid-template-columns:1fr 1fr}
  .tool-model-releases .mr-grid{grid-template-columns:1fr}
  .tool-model-releases .mr-rel{grid-template-columns:1fr}
  .tool-model-releases .mr-verdict{margin:-4px -6px 0}
}
@media (max-width:560px){
  .tool-model-releases .mr-facts{grid-template-columns:1fr}
  .tool-model-releases .mr-fact{padding:18px}
  .tool-model-releases .mr-clause summary{padding:14px 16px;gap:10px}
  .tool-model-releases .mr-clause-body{padding:4px 16px 18px}
  .tool-model-releases .mr-clause-text{font-size:16px}
  .tool-model-releases .mr-doc-top{padding:18px 16px 14px}
  .tool-model-releases .mr-jump a{font-size:13px;padding:10px}
}
@media print{
  .tool-model-releases .mr-jump,.tool-model-releases #mrCheck,.tool-model-releases .mr-related{display:none}
  .tool-model-releases .mr-clause details>*:not(summary){display:grid}
}

/* Safer shoots checklist (scoped to .tool-safer-shoots)
   1. Shared bits: numbers, kickers, citations, tips
   2. Stage tabs and progress
   3. Checklists
   4. Shoot plan and boundaries
   5. Reporting and support
   6. Related links and clear row
   7. Small screens and print */

/* 1. Shared bits */
.tool-safer-shoots .sh-num{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;font-size:14px;margin-right:10px;vertical-align:2px;letter-spacing:0}
.tool-safer-shoots .sh-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.tool-safer-shoots .sh-c{font-size:11.5px;font-weight:700;color:var(--red-deep);text-decoration:none;white-space:nowrap}
.tool-safer-shoots .sh-c:hover{text-decoration:underline}
.tool-safer-shoots .sh-tip{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:1px 6px;white-space:nowrap;vertical-align:1px}
.tool-safer-shoots .sh-msg{min-height:1em;font-size:14px;font-weight:600;color:var(--red-deep);margin:10px 0 0}

/* 2. Stage tabs and progress */
.tool-safer-shoots .sh-ph-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.tool-safer-shoots .sh-ph-head p{margin:0;font-size:15px;color:#4a4643}
.tool-safer-shoots .sh-progress{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;min-width:240px}
.tool-safer-shoots .sh-bar{flex:1;height:6px;background:#eee7de;overflow:hidden}
.tool-safer-shoots .sh-bar i{display:block;height:100%;width:0;background:var(--red);transition:width .25s}
.tool-safer-shoots .sh-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:2px solid var(--ink)}
.tool-safer-shoots .sh-tab{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;background:transparent;color:var(--muted);font:inherit;cursor:pointer;text-align:left;min-height:56px}
.tool-safer-shoots .sh-tab:hover{color:var(--ink)}
.tool-safer-shoots .sh-tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--red);background:var(--paper)}
.tool-safer-shoots .sh-tab-n{font-size:12px;font-weight:700;letter-spacing:.08em}
.tool-safer-shoots .sh-tab-l{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.05em}
.tool-safer-shoots .sh-tab-c{margin-left:auto;font-size:12px;font-weight:600}
.tool-safer-shoots .sh-panel{padding:22px 0 0;outline:none}
.tool-safer-shoots .sh-panel-h{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.04em;margin:0 0 6px}
.tool-safer-shoots .sh-intro{margin:0 0 6px;font-size:15px;line-height:1.6;color:#4a4643;max-width:44em}

/* 3. Checklists */
.tool-safer-shoots .sh-groups{columns:2;column-gap:36px}
.tool-safer-shoots .sh-group{break-inside:avoid;padding-top:16px}
.tool-safer-shoots .sh-group h4{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.03em;margin:0 0 4px;padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
.tool-safer-shoots .sh-checks{list-style:none;margin:0;padding:0}
.tool-safer-shoots .tool-check.done .sh-txt>span{color:var(--muted);text-decoration:line-through}
.tool-safer-shoots .tool-check.done .sh-txt{text-decoration:none}

/* 4. Shoot plan and boundaries */
.tool-safer-shoots .sh-tools{margin-top:8px}
.tool-safer-shoots .sh-plan{border-top:3px solid var(--ink)}
.tool-safer-shoots .sh-bound{border-top:3px solid var(--red)}
.tool-safer-shoots .sh-fs{border:0;margin:0 0 6px;padding:0;min-width:0}
.tool-safer-shoots .sh-fs legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.tool-safer-shoots .sh-form .tool-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tool-safer-shoots .sh-preview{margin-top:14px;border:1px solid var(--line)}
.tool-safer-shoots .sh-preview summary{cursor:pointer;padding:10px 14px;font-weight:600;font-size:14px}
.tool-safer-shoots .sh-preview pre,.tool-safer-shoots .sh-msg-box pre{font:14px/1.6 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;background:var(--paper)}
.tool-safer-shoots .sh-levels{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.tool-safer-shoots .sh-level{border-bottom:1px solid #eee7de}
.tool-safer-shoots .sh-level.on span{font-weight:600}
.tool-safer-shoots .sh-msg-box{margin-top:10px;border:1px solid var(--line);border-left:4px solid var(--red)}
.tool-safer-shoots .sh-msg-box .sh-kicker{padding:10px 14px 0;margin:0}
.tool-safer-shoots .sh-msg-box pre.sh-empty{color:var(--muted)}

/* 5. Reporting and support */
.tool-safer-shoots .sh-help{margin-top:8px}
.tool-safer-shoots .sh-countries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.tool-safer-shoots .sh-country h3{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.03em;margin:8px 0 4px;padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
.tool-safer-shoots .sh-country ul{list-style:none;margin:0;padding:0}
.tool-safer-shoots .sh-country li{padding:10px 0;border-bottom:1px solid #eee7de;font-size:14px;line-height:1.55}
.tool-safer-shoots .sh-country li>a{display:block;font-weight:700;color:var(--ink);margin-bottom:2px}
.tool-safer-shoots .sh-country li>span{color:#4a4643}
.tool-safer-shoots .sh-country li.sh-urgent{background:var(--blush);padding:10px 12px;border-bottom:0;margin:8px 0 4px;border-left:4px solid var(--red)}
.tool-safer-shoots .sh-country li.sh-urgent>a{color:var(--red-deep)}

/* 6. Related links and clear row */
.tool-safer-shoots .sh-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool-safer-shoots .sh-rel-link{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color .15s}
.tool-safer-shoots .sh-rel-link b{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.03em}
.tool-safer-shoots .sh-rel-link b::after{content:" →";color:var(--red)}
.tool-safer-shoots .sh-rel-link span{font-size:13px;line-height:1.45;color:#5d5752}
.tool-safer-shoots .sh-rel-link:hover{border-color:var(--ink)}
.tool-safer-shoots .sh-clear-row{align-items:center;margin:0 0 4px}
.tool-safer-shoots .sh-clear-note{font-size:13px;color:var(--muted)}
.tool-safer-shoots .tool-sources{padding-left:20px}
.tool-safer-shoots .tool-sources li{margin-bottom:6px}
.tool-safer-shoots .tool-sources li:target{background:var(--blush)}

/* 7. Small screens and print */
@media (max-width:860px){
  .tool-safer-shoots .sh-groups{columns:1}
  .tool-safer-shoots .sh-countries{grid-template-columns:1fr}
  .tool-safer-shoots .sh-rel{grid-template-columns:1fr}
  .tool-safer-shoots .sh-progress{min-width:0;width:100%}
}
@media (max-width:520px){
  .tool-safer-shoots .sh-tab{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 12px}
  .tool-safer-shoots .sh-tab-c{margin-left:0}
  .tool-safer-shoots .sh-levels{grid-template-columns:1fr}
}
@media print{
  .tool-safer-shoots .sh-tab-c,.tool-safer-shoots .sh-related,.tool-safer-shoots .sh-clear-row{display:none}
  .tool-safer-shoots .sh-panel[hidden]{display:block!important}
  .tool-safer-shoots .sh-tabs{display:none}
  body.sh-printing-plan .tool-safer-shoots .sh-phases,body.sh-printing-plan .tool-safer-shoots .sh-bound,body.sh-printing-plan .tool-safer-shoots .sh-help,body.sh-printing-plan .tool-safer-shoots .sh-form{display:none}
  body.sh-printing-plan .tool-safer-shoots .sh-preview{border:0}
  body.sh-printing-plan .tool-safer-shoots .sh-preview summary{display:none}
  body.sh-printing-plan .tool-safer-shoots .sh-preview pre{display:block;font-size:15px;background:#fff}
  body.sh-printing-plan .tool-safer-shoots .sh-tools{display:block}
}

/* Scam shield: layout, highlights, verdict and flags. All rules scoped to .tool-scam-shield */
.tool-scam-shield .ss-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.tool-scam-shield .ss-num{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;font-size:14px;margin-right:10px;vertical-align:2px;letter-spacing:0}
.tool-scam-shield .ss-examples{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.tool-scam-shield .ss-examples-label{font-size:13px;font-weight:600;color:var(--muted)}
.tool-scam-shield .ss-questions .tool-check:last-child{border-bottom:0}
.tool-scam-shield .ss-result{margin-top:0;min-height:220px;outline:none}
.tool-scam-shield .ss-result h3{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em;margin:24px 0 10px}

/* Verdict block */
.tool-scam-shield .ss-verdict{padding:20px 20px 18px;margin:-4px -4px 0;border-left:6px solid var(--line);background:#faf8f5}
.tool-scam-shield .ss-verdict h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,3vw,36px);letter-spacing:-.05em;line-height:1.05;margin:0 0 8px}
.tool-scam-shield .ss-verdict p{margin:0;line-height:1.55;font-size:15px;color:#4a4643}
.tool-scam-shield .ss-v-kicker{font-size:11px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:6px!important}
.tool-scam-shield .ss-v-several{border-left-color:var(--red);background:#fbeef0}
.tool-scam-shield .ss-v-several h2{color:var(--red-deep)}
.tool-scam-shield .ss-v-some{border-left-color:var(--rose);background:#fdf6f2}
.tool-scam-shield .ss-v-none{border-left-color:var(--ink)}
.tool-scam-shield .ss-tally{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px!important;font-weight:700;font-size:15px}
.tool-scam-shield .ss-tally span{display:inline-flex;align-items:center;gap:6px}

/* Highlighted message */
.tool-scam-shield .ss-highlight{border:1px solid var(--line);background:#fffdfb;padding:14px 16px;font-size:15px;line-height:1.75;max-height:280px;overflow:auto;overflow-wrap:anywhere}
.tool-scam-shield .ss-mark{padding:1px 2px;color:var(--ink);border-bottom:2px solid}
.tool-scam-shield .ss-mark.ss-high{background:#f7cdd2;border-color:var(--red)}
.tool-scam-shield .ss-mark.ss-medium{background:#fbe3d6;border-color:#d98b5f}
.tool-scam-shield .ss-mark.ss-low{background:#ece7df;border-color:#a39c93}
.tool-scam-shield .ss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Flags list */
.tool-scam-shield .ss-flags{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tool-scam-shield .ss-flag{border:1px solid var(--line);border-left:4px solid #a39c93;padding:14px 16px;background:#fff}
.tool-scam-shield .ss-flag-high{border-left-color:var(--red)}
.tool-scam-shield .ss-flag-medium{border-left-color:var(--rose)}
.tool-scam-shield .ss-flag-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.tool-scam-shield .ss-flag-head b{font-family:var(--display);font-size:17px;letter-spacing:-.03em}
.tool-scam-shield .ss-flag p{margin:6px 0 0;font-size:14px;line-height:1.6;color:#3d3936}
.tool-scam-shield .ss-flag .ss-how{font-size:13px;color:var(--muted);margin-top:0}
.tool-scam-shield .ss-todo{background:#f7f4ef;padding:8px 10px}
.tool-scam-shield .ss-cite a{font-size:12px;font-weight:700;color:var(--red-deep);text-decoration:none;margin-left:2px}
.tool-scam-shield .ss-cite a:hover{text-decoration:underline}

/* Lower panels */
.tool-scam-shield .ss-lower{margin-top:28px}
.tool-scam-shield .ss-country h3{margin-top:16px}
.tool-scam-shield .ss-country:first-child h3{margin-top:0}
.tool-scam-shield .ss-country ul{list-style:none;margin:0;padding:0}
.tool-scam-shield .ss-country li{padding:10px 0;border-bottom:1px solid #eee7de;font-size:14px;line-height:1.55}
.tool-scam-shield .ss-country li>a,.tool-scam-shield .ss-country li>b{display:block;font-weight:700;color:var(--ink);margin-bottom:2px}
.tool-scam-shield .ss-country li span{color:#4a4643}
.tool-scam-shield .ss-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.tool-scam-shield .ss-rule{border:1px solid var(--line);padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fffdfb}
.tool-scam-shield .ss-rule b{font-size:14px}
.tool-scam-shield .ss-rule small{flex-basis:100%;color:var(--muted);font-size:12.5px;line-height:1.45}
.tool-scam-shield .ss-weights{font-size:13px;color:var(--muted);margin:14px 0 0}
.tool-scam-shield .tool-sources{padding-left:20px}
.tool-scam-shield .tool-sources li{margin-bottom:6px}
.tool-scam-shield .tool-sources li:target{background:var(--blush)}

@media (max-width:860px){
  .tool-scam-shield .ss-grid{grid-template-columns:1fr}
  .tool-scam-shield .ss-verdict{margin:-4px -6px 0}
}
@media print{
  .tool-scam-shield .ss-input,.tool-scam-shield .ss-lower,.tool-scam-shield .ss-rulebook{display:none}
  .tool-scam-shield .ss-grid{display:block}
}

/* TFP agreement builder: steps, form, usage grid, agreement document and print. Scoped to .tool-tfp-agreement */
.tool-tfp-agreement .tfp-legal{border:1.5px solid var(--ink);background:#fff;padding:16px 20px;margin:0 0 24px;font-size:15px;line-height:1.55}
.tool-tfp-agreement .tfp-legal b{color:var(--red-deep);margin-right:4px}
.tool-tfp-agreement .tfp-steps li{padding:0}
.tool-tfp-agreement .tfp-steps li::before{content:none}
.tool-tfp-agreement .tfp-steps button{font:inherit;font-weight:600;font-size:13px;background:none;border:0;color:inherit;padding:7px 12px;cursor:pointer;min-height:36px}
.tool-tfp-agreement .tfp-steps button::before{content:counter(ts)". "}
.tool-tfp-agreement .tfp-steps li.on{background:var(--ink);color:#fff}
.tool-tfp-agreement .tfp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.tool-tfp-agreement fieldset.tool-panel{margin:0 0 16px;min-width:0}
.tool-tfp-agreement legend{padding:0;float:left;width:100%}
.tool-tfp-agreement legend+*{clear:both}
.tool-tfp-agreement legend h2{margin:0 0 6px}
.tool-tfp-agreement legend h2:focus{outline:none}
.tool-tfp-agreement .tfp-num{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--red);color:#fff;font-size:14px;margin-right:10px;vertical-align:2px;letter-spacing:0}
.tool-tfp-agreement .tfp-step>p{margin:0 0 16px;line-height:1.6;font-size:15px;color:#4a4643}
.tool-tfp-agreement .tfp-step a{color:var(--red-deep);font-weight:600}
.tool-tfp-agreement .tfp-hint{display:block;color:var(--muted);font-size:13px}
.tool-tfp-agreement .tfp-small{font-size:14px!important;margin-bottom:6px!important}
.tool-tfp-agreement .tfp-tip{background:var(--blush);border-left:3px solid var(--red);padding:10px 12px;font-size:14px!important;line-height:1.5;margin:0 0 14px!important;color:var(--ink)!important}

/* Usage grid */
.tool-tfp-agreement .tfp-usage{border:1px solid var(--line)}
.tool-tfp-agreement .tfp-usage-head,.tool-tfp-agreement .tfp-usage-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 104px;align-items:center}
.tool-tfp-agreement .tfp-usage-head{background:#f7f4ef;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tool-tfp-agreement .tfp-usage-head span,.tool-tfp-agreement .tfp-usage-row>span{padding:10px 12px}
.tool-tfp-agreement .tfp-usage-head span+span{text-align:center;padding:10px 4px}
.tool-tfp-agreement .tfp-usage-row{border-top:1px solid #eee7de;font-size:14px;line-height:1.4}
.tool-tfp-agreement .tfp-usage-row label{display:flex;justify-content:center;align-items:center;min-height:44px;cursor:pointer}
.tool-tfp-agreement .tfp-usage-row input{width:20px;height:20px;accent-color:var(--red)}
.tool-tfp-agreement .tfp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tool-tfp-agreement .tfp-checklist{margin:0 0 4px;padding-left:20px;line-height:1.7;font-size:15px}

/* Navigation and draft bar */
.tool-tfp-agreement .tfp-nav{display:flex;justify-content:space-between;gap:10px}
.tool-tfp-agreement .tfp-nav .tool-btn{min-width:120px}
.tool-tfp-agreement .tfp-nav .tool-btn[hidden]{display:none}
.tool-tfp-agreement .tfp-draft{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--muted)}
.tool-tfp-agreement .tfp-clear{font:600 13px/1 var(--sans);background:none;border:0;border-bottom:1px solid var(--red);color:var(--red-deep);padding:8px 0;cursor:pointer}
.tool-tfp-agreement .tfp-status{font-size:14px;font-weight:600;color:var(--red-deep);min-height:1.2em;margin:12px 0 0}

/* Agreement document */
.tool-tfp-agreement .tfp-preview-wrap{position:sticky;top:88px}
.tool-tfp-agreement .tfp-preview-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.tool-tfp-agreement .tfp-doc{background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px #28281d12;padding:36px 36px 28px;max-height:calc(100vh - 140px);overflow:auto;font-size:14px;line-height:1.6;color:#262321}
.tool-tfp-agreement .tfp-doc-head{border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:18px}
.tool-tfp-agreement .tfp-doc-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 6px}
.tool-tfp-agreement .tfp-doc h2{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.045em;line-height:1.1;margin:0 0 6px}
.tool-tfp-agreement .tfp-doc-sub{margin:0;color:var(--muted)}
.tool-tfp-agreement .tfp-doc-sec,.tool-tfp-agreement .tfp-doc-sign{margin:0 0 16px;break-inside:avoid}
.tool-tfp-agreement .tfp-doc h3{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.02em;margin:0 0 6px;display:flex;gap:10px;align-items:baseline}
.tool-tfp-agreement .tfp-doc h3 span{color:var(--red);font-size:13px;min-width:16px}
.tool-tfp-agreement .tfp-doc p{margin:0 0 6px}
.tool-tfp-agreement .tfp-doc ul{margin:0 0 8px;padding-left:18px}
.tool-tfp-agreement .tfp-doc li{margin:0 0 3px}
.tool-tfp-agreement .tfp-blank{display:inline-block;min-width:120px;border-bottom:1px dashed #bfb6ab;color:#b5aca2;font-size:12px;font-style:italic}
.tool-tfp-agreement .tfp-sigs{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:16px}
.tool-tfp-agreement .tfp-sig-role{font-weight:700;margin-bottom:24px!important}
.tool-tfp-agreement .tfp-line{border-bottom:1px solid var(--ink);height:30px}
.tool-tfp-agreement .tfp-sig p:not(.tfp-sig-role){font-size:12px;color:var(--muted);margin:4px 0 10px}
.tool-tfp-agreement .tfp-doc-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:8px!important;font-size:12px;color:var(--muted)}

@media (max-width:860px){
  .tool-tfp-agreement .tfp-grid{grid-template-columns:1fr}
  .tool-tfp-agreement .tfp-preview-wrap{position:static}
  .tool-tfp-agreement .tfp-doc{max-height:none;padding:22px 18px}
  .tool-tfp-agreement .tfp-sigs{grid-template-columns:1fr;gap:8px}
  .tool-tfp-agreement .tfp-usage-head,.tool-tfp-agreement .tfp-usage-row{grid-template-columns:minmax(0,1fr) 58px 96px}
  .tool-tfp-agreement .tfp-usage-head span{font-size:10px;letter-spacing:.02em}
  .tool-tfp-agreement .tfp-usage-head span+span{padding:10px 0}
}
@media print{
  .tool-tfp-agreement .tfp-legal,.tool-tfp-agreement .tfp-steps,.tool-tfp-agreement .tfp-form,.tool-tfp-agreement .tfp-preview-label{display:none!important}
  .tool-tfp-agreement .tfp-grid{display:block}
  .tool-tfp-agreement .tfp-preview-wrap{position:static}
  .tool-tfp-agreement .tfp-doc{border:0;box-shadow:none;padding:0;max-height:none;overflow:visible;font-size:11pt}
  .tool-tfp-agreement .tfp-sigs{grid-template-columns:1fr 1fr}
  .tool-tfp-agreement .tfp-blank{color:transparent}
}

/* Usage and rates explained (scoped to .tool-usage-and-rates)
   1. Shared bits: numbers, kickers, citations
   2. Situation picker
   3. Deal cards
   4. Usage builder and the narrow / moderate / broad meter
   5. Quote checker
   6. Numbers panel and related links
   7. Small screens and print */

/* 1. Shared bits */
.tool-usage-and-rates .ur-num{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;font-size:14px;margin-right:10px;vertical-align:2px;letter-spacing:0}
.tool-usage-and-rates .ur-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.tool-usage-and-rates .ur-c{font-size:11.5px;font-weight:700;color:var(--red-deep);text-decoration:none;margin-left:1px;white-space:nowrap}
.tool-usage-and-rates .ur-c:hover{text-decoration:underline}
.tool-usage-and-rates .tool-privacy a{color:var(--ink)}
.tool-usage-and-rates .ur-msg{min-height:1em;font-size:14px;font-weight:600;color:var(--red-deep);margin:10px 0 0}

/* 2. Situation picker */
.tool-usage-and-rates .ur-sits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tool-usage-and-rates .ur-sit{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:16px;border:1px solid #bfb6ab;background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;min-height:84px;transition:border-color .15s,background .15s}
.tool-usage-and-rates .ur-sit b{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em}
.tool-usage-and-rates .ur-sit span{font-size:13px;line-height:1.4;color:#5d5752}
.tool-usage-and-rates .ur-sit:hover{border-color:var(--ink)}
.tool-usage-and-rates .ur-sit[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.tool-usage-and-rates .ur-sit[aria-pressed="true"] span{color:#d8d2ca}
.tool-usage-and-rates .ur-sit-card{margin-top:16px;background:var(--blush);border-left:4px solid var(--red);padding:18px 20px}
.tool-usage-and-rates .ur-sit-card h3{margin:0 0 8px}
.tool-usage-and-rates .ur-sit-card ul{margin:0;padding-left:18px;font-size:15px;line-height:1.6}
.tool-usage-and-rates .ur-sit-card li{margin-bottom:6px}
.tool-usage-and-rates .ur-sit-next{margin:10px 0 0;font-size:14px}

/* 3. Deal cards */
.tool-usage-and-rates .ur-explain{margin:36px 0 28px}
.tool-usage-and-rates .ur-head{max-width:46em;margin-bottom:20px}
.tool-usage-and-rates .ur-head h2{font-family:var(--display);font-weight:800;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.05em;line-height:1.05;margin:0 0 10px}
.tool-usage-and-rates .ur-head p{margin:0;font-size:16px;line-height:1.6;color:#4a4643}
.tool-usage-and-rates .ur-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.tool-usage-and-rates .ur-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--ink);padding:18px 18px 14px}
.tool-usage-and-rates .ur-card:nth-child(3n+2){border-top-color:var(--red)}
.tool-usage-and-rates .ur-card:nth-child(3n){border-top-color:var(--rose)}
.tool-usage-and-rates .ur-card-k{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.tool-usage-and-rates .ur-card h3{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.03em;margin:4px 0 8px}
.tool-usage-and-rates .ur-card ul{margin:0;padding-left:16px;font-size:14px;line-height:1.55;color:#3d3936}
.tool-usage-and-rates .ur-card li{margin-bottom:6px}

/* 4. Usage builder */
.tool-usage-and-rates .ur-build-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.tool-usage-and-rates .ur-fs{border:0;margin:0 0 16px;padding:0;min-width:0}
.tool-usage-and-rates .ur-fs legend{font-size:14px;font-weight:600;margin-bottom:8px;padding:0}
.tool-usage-and-rates .ur-channels button{text-align:left;line-height:1.3}
.tool-usage-and-rates .ur-channels button[aria-pressed="true"]::before{content:"✓ ";}
.tool-usage-and-rates .ur-selects{grid-template-columns:1fr}
.tool-usage-and-rates .ur-selects .tool-field{margin-bottom:10px}
.tool-usage-and-rates .ur-build-out{margin-top:0;min-height:200px}
.tool-usage-and-rates .ur-build-out h3,.tool-usage-and-rates .ur-check-out h4{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.03em;margin:20px 0 8px}
.tool-usage-and-rates .ur-summary{font-family:var(--display);font-weight:700;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.03em;line-height:1.3;margin:0}
.tool-usage-and-rates .ur-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.tool-usage-and-rates .ur-meter span{display:block;text-align:center;font-size:13px;font-weight:700;padding:10px 4px;background:#eee7de;color:var(--muted);letter-spacing:.02em}
.tool-usage-and-rates .ur-narrow span:nth-child(1).on{background:#e6e1d9;color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}
.tool-usage-and-rates .ur-moderate span:nth-child(-n+2){background:var(--rose);color:var(--ink)}
.tool-usage-and-rates .ur-moderate span.on{box-shadow:inset 0 -3px 0 var(--ink)}
.tool-usage-and-rates .ur-broad span{background:var(--rose);color:var(--ink)}
.tool-usage-and-rates .ur-broad span.on{background:var(--red);color:#fff}
.tool-usage-and-rates .ur-level-note{font-size:14px;line-height:1.55;color:#4a4643;margin:10px 0 0}
.tool-usage-and-rates .ur-unknown{font-size:14px;line-height:1.5;background:#f7f4ef;padding:10px 12px;margin:12px 0 0}
.tool-usage-and-rates .ur-notes{margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.55}
.tool-usage-and-rates .ur-qs{margin:0;padding-left:20px;font-size:15px;line-height:1.55}
.tool-usage-and-rates .ur-qs li{margin-bottom:6px}

/* 5. Quote checker */
.tool-usage-and-rates .ur-check-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.tool-usage-and-rates .ur-examples{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.tool-usage-and-rates .ur-examples-label{font-size:13px;font-weight:600;color:var(--muted)}
.tool-usage-and-rates .ur-check-out{margin-top:0;min-height:220px;outline:none}
.tool-usage-and-rates .ur-verdict{padding:18px 18px 16px;border-left:6px solid var(--line);background:#faf8f5}
.tool-usage-and-rates .ur-verdict h3{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.05em;line-height:1.05;margin:0 0 6px}
.tool-usage-and-rates .ur-verdict p{margin:0;font-size:15px;line-height:1.55;color:#4a4643}
.tool-usage-and-rates .ur-v-kicker{font-size:11px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:6px!important}
.tool-usage-and-rates .ur-v-many{border-left-color:var(--red);background:#fbeef0}
.tool-usage-and-rates .ur-v-many h3{color:var(--red-deep)}
.tool-usage-and-rates .ur-v-some{border-left-color:var(--rose);background:#fdf6f2}
.tool-usage-and-rates .ur-v-ok{border-left-color:var(--ink)}
.tool-usage-and-rates .ur-checks{list-style:none;margin:0;padding:0}
.tool-usage-and-rates .ur-checks li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eee7de;font-size:15px}
.tool-usage-and-rates .ur-checks li:last-child{border-bottom:0}
.tool-usage-and-rates .ur-tick{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;background:var(--ink);color:#fff;margin-top:1px}
.tool-usage-and-rates .ur-checks li.miss .ur-tick{background:var(--red)}
.tool-usage-and-rates .ur-state{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:4px}
.tool-usage-and-rates .ur-checks li.miss .ur-state{color:var(--red-deep)}
.tool-usage-and-rates .ur-checks small{display:block;font-size:13px;color:#5d5752;line-height:1.45;margin-top:2px}
.tool-usage-and-rates .ur-flags{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tool-usage-and-rates .ur-flags li{border:1px solid var(--line);border-left:4px solid var(--rose);padding:12px 14px;background:#fff}
.tool-usage-and-rates .ur-flags li.ur-flag-high{border-left-color:var(--red)}
.tool-usage-and-rates .ur-flags b{font-family:var(--display);font-size:16px;letter-spacing:-.03em}
.tool-usage-and-rates .ur-flags p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#3d3936}
.tool-usage-and-rates .ur-highlight{border:1px solid var(--line);background:#fffdfb;padding:14px 16px;font-size:15px;line-height:1.75;max-height:260px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}
.tool-usage-and-rates .ur-mark{padding:1px 2px;color:var(--ink);border-bottom:2px solid}
.tool-usage-and-rates .ur-m-ok{background:#e6e1d9;border-color:#8f877d}
.tool-usage-and-rates .ur-m-medium{background:#fbe3d6;border-color:#d98b5f}
.tool-usage-and-rates .ur-m-high{background:#f7cdd2;border-color:var(--red)}
.tool-usage-and-rates .ur-key{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);margin:8px 0 0}
.tool-usage-and-rates .ur-key span{display:inline-flex;align-items:center;gap:6px}
.tool-usage-and-rates .ur-key i{display:inline-block;width:14px;height:10px;border-bottom:2px solid}
.tool-usage-and-rates .ur-reply{font:15px/1.6 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border:1px solid var(--line);padding:14px 16px;margin:0}

/* 6. Numbers panel and related links */
.tool-usage-and-rates .ur-numbers{border-top:3px solid var(--red);background:var(--blush)}
.tool-usage-and-rates .ur-numbers h2{margin-top:2px}
.tool-usage-and-rates .ur-num-grid{margin-top:8px}
.tool-usage-and-rates .ur-num-grid h3{margin-top:0}
.tool-usage-and-rates .ur-num-grid p{font-size:14px;line-height:1.6;margin:0}
.tool-usage-and-rates .ur-num-note{font-size:14px;line-height:1.6;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--rose)}
.tool-usage-and-rates .ur-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tool-usage-and-rates .ur-rel-link{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color .15s}
.tool-usage-and-rates .ur-rel-link b{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.03em}
.tool-usage-and-rates .ur-rel-link b::after{content:" →";color:var(--red)}
.tool-usage-and-rates .ur-rel-link span{font-size:13px;line-height:1.45;color:#5d5752}
.tool-usage-and-rates .ur-rel-link:hover{border-color:var(--ink)}
.tool-usage-and-rates .tool-sources{padding-left:20px}
.tool-usage-and-rates .tool-sources li{margin-bottom:6px}
.tool-usage-and-rates .tool-sources li:target{background:var(--blush)}

/* 7. Small screens and print */
@media (max-width:860px){
  .tool-usage-and-rates .ur-sits{grid-template-columns:1fr}
  .tool-usage-and-rates .ur-sit{min-height:0}
  .tool-usage-and-rates .ur-build-grid,.tool-usage-and-rates .ur-check-grid{grid-template-columns:1fr}
  .tool-usage-and-rates .ur-rel{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .tool-usage-and-rates .ur-rel{grid-template-columns:1fr}
  .tool-usage-and-rates .ur-cards{grid-template-columns:1fr}
}
@media print{
  .tool-usage-and-rates .ur-situation,.tool-usage-and-rates .ur-related,.tool-usage-and-rates .ur-checker{display:none}
}

/* ===== Editorial Red theme layer (owner decision D-022, 12 Oct 2026) =====
   Loaded last, so it refines everything above. Matches the social carousels,
   the MODL Passport and the four-worlds prototype.
   1. Tokens: charcoal, off-white, editorial red; Manrope headlines, Inter text, Playfair Display italic for quotes
   2. Accent that brightens on dark grounds so small red text stays legible
   3. Typography: Manrope headlines with a red marker highlight, Inter for text
   4. Logo: studio + bold MODL + red full stop
   5. Buttons and filled accents: red with white text, square editorial corners
   6. Section grounds, cards and hairlines
   7. Status dots and evidence labels
   8. Small screens */

/* 1. Tokens */
:root{--ink:#171717;--black:#141313;--paper:#f4f1ec;--cream:#ebe5dc;--line:#d8d0c6;--muted:#857e76;--red:#c92437;--red-deep:#a51c2d;--blush:#f5d9dc;--rose:#f2b3ba;--warm:#888680;--accent:#c92437;--sheet:#f4f1ec;--marker:#c92437;--display:Manrope,Inter,Arial,sans-serif;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:Inter,Arial,Helvetica,sans-serif}
body{font-family:var(--sans);background:var(--paper);color:var(--ink)}
::selection{background:var(--red);color:#fff}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* 2. Brighter accent on dark grounds */
.hero,.nav,.hs-dark,.hs-night,.footer,.feature-banner,.modl-studio,.recipe,.casting-mock,.platform-intro,.coming-section,.legend-more,.people-promise,.brand-connections,.era-quiz,.era-invite,#quizModal .sf-hero,#quizModal .sf-offer,.section-transition{--accent:#e8364b}

/* 3. Typography: Manrope headlines (bold, tightly tracked) as before; red marker highlight */
.hero h1 em{font-style:normal;color:var(--accent)}
.hs-h em,.heading em{font-style:normal}
.hs-light .hs-h em,.hs-paper .hs-h em{background:linear-gradient(transparent 66%,var(--rose) 66%,var(--rose) 90%,transparent 90%);color:inherit;padding:0 .04em}
.hs-dark .hs-h em,.hs-night .hs-h em,.brand-connections .hs-h em{color:var(--accent)}
.accent-underlined{box-shadow:inset 0 -.16em 0 var(--rose)}
.hs-pain{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em;font-size:clamp(24px,2.3vw,32px)}
.kicker,.eyebrow,.hs-head .kicker{font-family:var(--sans);letter-spacing:.2em}
.hs-light .kicker,.hs-paper .kicker{color:var(--red)}
.hs-head .kicker{display:flex;align-items:center;gap:12px}
.hs-head .kicker::before{content:"";width:28px;height:1px;background:currentColor;display:inline-block}
.ticker-inner,.ticker span{font-family:var(--sans)!important;letter-spacing:.24em!important;font-weight:600!important}

button,.pill,.chip,.clinic-chip,.studio-pick,.pb-style-tabs button,.pb-drill-actions button,.pb-drill-actions a,.h-btn,.linkline,.spot-btn,input,select,textarea{font-family:var(--sans)}

/* 4. Logo */
.logo,.studio-logo{font-family:var(--display)!important;font-weight:500!important;letter-spacing:-.06em!important}
.logo span,.studio-logo span{font-weight:800!important;color:inherit!important;letter-spacing:-.06em!important}
.logo b,.studio-logo b{color:var(--red);font-weight:800}

/* 5. Buttons and filled accents */
.pill,.h-btn,.studio-action-main,.studio-action-secondary,.pb-drill-actions button,.pb-drill-actions a{border-radius:0}
.pill.light,.platform-jump a,.studio-action-main,.pb-drill-actions button,.h-btn{background:var(--red);color:#fff;border-color:var(--red)}
.pill.light:hover,.studio-action-main:hover,.pb-drill-actions button:hover,.h-btn:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff}
.pill.dark{background:var(--ink);border-color:var(--ink)}
.pill.dark:hover{background:var(--red);border-color:var(--red)}
.ticker{background:var(--ink);color:#f4f1ec;border-top:1px solid #2a2725;border-bottom:1px solid #2a2725}
.ticker i{color:var(--red)}
.bubble,.stamp,#poses .pose-number,.energy-img span{background:var(--red);color:#fff;border-radius:0}
.chip,.clinic-chip,.pb-style-tabs button,.studio-pick{border-radius:0}
.chip.active,.chip:hover,.studio-pick[aria-pressed="true"],.clinic-chip[aria-pressed=true],.hs-night .chip.active,.pb-style-tabs button[aria-pressed="true"]{background:var(--red);color:#fff;border-color:var(--red)}
.sf-fit-card{background:var(--blush)}
.tl-tab[aria-selected=true] .tl-dot{background:var(--red);border-color:var(--red)}
.linkline{border-bottom-color:var(--accent)}

/* 6. Grounds, cards and hairlines */
.hs-light{background:var(--cream)}
.hs-paper,.tl-section{background:var(--paper)}
.hs-dark,.modl-studio,.brand-connections{background:var(--ink)}
.hs-night,.footer{background:#101010}
.energy-card,.shuffle,.clinic,.shuffle-figure,.spot-card,.mock,.people-promise,.in-link,.legend,.brand-card,.era-result,.era-invite,.era-story,.studio-shell,.fam,.rel,.concept-sample,.quiz-preview,.planner-wrap,.planner-panel,.recipe,.modal{border-radius:2px}
.legend{border-top-color:var(--red)}
.legend-more{border-top-color:var(--accent)}
.hs-proof{border-left-color:var(--red)}
.hs-dark .hs-proof,.hs-night .hs-proof{border-left-color:var(--accent)}
.energy-copy li:before{background:var(--red);border-radius:0;width:10px;height:1px;top:9px}
.mock-avatar{background:var(--ink);color:#fff}
.brand-card{border-color:#34302e;background:#1f1d1c}
.brand-status{border-color:currentColor;border-radius:0}
.mock-pill,.in-state,.ev{border-radius:0}
.footer-bottom,.footer-top{border-color:#2a2725}

/* 7. Status dots and evidence labels */
.in-live .in-state:before{background:var(--red)}
.in-concept .in-state:before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--warm)}
.in-coming .in-state:before{background:var(--warm)}
.hs-dark .in-live .in-state,.hs-night .in-live .in-state{color:var(--accent)}
.hs-dark .in-live .in-state:before,.hs-night .in-live .in-state:before{background:var(--accent)}
.ev-verified{background:var(--blush);color:var(--red-deep)}
.ev{border-radius:0}
.draft-tag{color:var(--accent);border-color:currentColor;border-radius:0}
.st-live:before{background:var(--red)}
.frame.f-live .frame-num::after{border-color:var(--red)}

/* 8. Small screens */
@media(max-width:700px){.hero h1{line-height:.9}.hs-h{line-height:.95}}