/* TADA Web uses the same paper, ink and worker species as WTF. */
.web-page{width:min(var(--page),calc(100% - 64px));margin:0 auto;padding-bottom:72px}
.web-header .tada-brand{font:900 32px var(--display);letter-spacing:-2px;gap:0}
.tada-brand>span{font:800 12px var(--body);background:var(--orange);color:var(--paper);padding:5px 7px;margin-left:12px;letter-spacing:0;transform:rotate(-7deg)}
.web-header nav{display:flex;align-items:center;gap:28px}.web-header nav a{min-height:44px;display:flex;align-items:center;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent}
.web-header nav a[aria-current=page]{border-color:var(--orange)}
.web-footer .footer-brand{letter-spacing:-2px}.web-footer .footer-brand>span{margin-left:12px}.web-footer>div>.text-button{min-height:44px;font-size:12px}
.web-page h1,.web-page h2,.web-page h3{font-weight:800;letter-spacing:-.04em;line-height:1.3;text-wrap:balance}
.web-page h2{font-size:32px}.web-page .eyebrow{font-size:10px;line-height:1.8;letter-spacing:1.2px}.web-page .text-button{min-height:44px;font-size:13px;line-height:1.6}
.web-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:68px 0 60px}
.web-hero-copy h1{font-size:clamp(42px,5.4vw,68px);margin:22px 0;line-height:1.2}.web-hero h1 span{color:var(--orange)}
.web-lead{font-size:17px;line-height:1.9;color:#53554b;margin:20px 0 26px}.web-hero-copy>.button{min-width:275px;font-size:17px}.web-secondary{display:block;width:fit-content;margin-top:10px}
.web-fine{display:block;font-size:11px;line-height:1.8;color:var(--muted)}.web-hero .web-fine{margin-top:12px}
.web-hero-stage{position:relative;min-width:0;align-self:stretch;display:grid;place-items:center;padding:36px 0 20px;border-bottom:1px solid var(--ink)}
.web-hero-stage img{width:100%;max-width:450px;mix-blend-mode:multiply}.stage-label{position:absolute;top:14px;right:5px;font-size:12px;border-left:2px solid var(--orange);padding-left:12px;line-height:1.65;transform:rotate(4deg)}
.stage-caption{font:10px var(--mono);position:absolute;bottom:10px;left:0;letter-spacing:.4px}
.continue-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0}.continue-strip>div{display:flex;flex-wrap:wrap;gap:8px 24px}.continue-strip a{font-size:13px;line-height:1.8;padding:8px 0}
.web-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.web-section-head h2{margin-top:9px}.web-section-head>.text-button{flex-shrink:0}
.web-worlds{padding-top:58px}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.world-card{position:relative;display:block;background:var(--world-color);padding:25px 28px 22px;border:1px solid var(--ink);overflow:hidden;min-height:315px;transition:transform .18s,box-shadow .18s}
.world-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.world-number{font:10px var(--mono)}.world-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.world-card-top h3{font:900 clamp(28px,3vw,41px) var(--display);letter-spacing:-1.5px}.world-card-top>span{font-size:28px;align-self:start}
.world-card-art{position:absolute;right:-12px;bottom:29px;width:210px;pointer-events:none;mix-blend-mode:multiply}.world-card-art>.worker-art{width:100%}.world-card-bottom{position:relative;margin-top:93px;max-width:calc(100% - 85px)}.world-card-bottom b{display:block;font-size:20px;font-weight:800}.world-card-bottom>span{display:block;font-size:11px;line-height:1.7;max-width:220px;margin-top:12px}
.web-end{padding:80px 0 10px;text-align:center}.web-end h2{font-size:38px;line-height:1.5;margin:16px 0 24px}
.playground-heading{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:55px 0 35px}.playground-heading h1{font-size:48px;margin-top:20px;line-height:1.3}.playground-heading h1>span{display:block;font-size:30px;margin-top:16px}.playground-heading .web-lead{max-width:610px;margin-bottom:0}.playground-heading>.worker-art{width:235px;flex:none;background-color:var(--world-color)}
.playground-count{width:145px;flex-shrink:0;font:12px var(--mono);line-height:1.8;border-left:1px solid var(--ink);padding-left:24px}.playground-count b{font:900 60px var(--display);display:inline-block;margin-right:10px;vertical-align:middle;letter-spacing:-3px}
.world-switcher{display:flex;align-items:stretch;gap:8px;overflow:auto;max-width:100%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;scrollbar-width:thin}
.world-switcher a{display:flex;align-items:center;padding:9px 17px;min-height:44px;font:11px var(--mono);border:1px solid transparent;white-space:nowrap}.world-switcher a[aria-current=page]{background:var(--ink);color:var(--paper)}.world-switcher a:hover{border-color:var(--ink)}
.world-directory{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;padding:40px 0;border-bottom:1px solid var(--ink)}.world-directory-title{padding-top:14px}.world-directory-title .eyebrow{display:inline-block;background:var(--world-color);padding:4px 10px}.world-directory-title h2{font-size:26px;margin:20px 0 10px}
.career-row{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);min-width:0}.career-row:last-child{border-bottom:0}.career-row>div{flex:1;min-width:0}.door-number{font:11px var(--mono);color:var(--muted);align-self:start;padding-top:4px;flex:none}.career-row .eyebrow{font-size:9px;color:var(--muted);overflow-wrap:anywhere}.career-row h3{font-size:23px;margin:5px 0 7px}.career-row p{font-size:13px;line-height:1.85;color:#53554b}.row-arrow{font-size:25px;flex-shrink:0}.career-row:hover h3{color:#ba3418}.web-local-note{font-size:12px;color:var(--muted);margin-top:28px;line-height:1.9}
.career-breadcrumb{display:flex;justify-content:space-between;gap:12px;padding:14px 0 24px}.career-breadcrumb>.text-button{font-size:12px}
.career-hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:14px 0 36px;border-bottom:1px solid var(--ink);align-items:stretch}.career-hero-title{padding:18px 0}.career-hero-title h1{font-size:53px;margin:18px 0 12px}.career-english{font:13px var(--mono);line-height:1.8;color:var(--muted)}.career-hook{font-size:21px;line-height:1.65;margin:28px 0}.career-hero-title>.button{font-size:14px}
.career-scene{background:var(--world-color);border:1px solid var(--ink);padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;position:relative}.career-scene>p{font-size:23px;line-height:1.9;max-width:410px}.career-scene>.text-button{width:fit-content}.scene-mark{align-self:end;font-size:50px;line-height:1}
.career-intro{padding:30px 0;max-width:760px}.career-intro>p{font-size:16px;line-height:2}.career-intro>.web-fine{margin-top:14px}.career-body{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;padding-top:25px}.work-slice{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.work-slice>span{font:12px var(--mono);color:var(--muted);padding-top:4px}.work-slice h3{font-size:20px;margin-bottom:10px}.work-slice p{font-size:15px;line-height:1.9;color:#53554b}.work-reality{align-self:start;background:#e8e4d9;padding:27px}.work-reality h2{font-size:27px;line-height:1.5;margin:15px 0}.work-reality ul{padding-left:18px}.work-reality li{font-size:14px;line-height:1.9;padding:14px 0;border-top:1px solid #c5c2b7}
.career-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:36px 0;margin:36px 0}.career-note h2{font-size:28px;margin:15px 0}.career-note p{font-size:15px;line-height:1.85;margin:16px 0}.career-note form{min-width:0}.career-note label{font-size:13px;display:block;margin-bottom:12px}.career-note textarea{display:block;resize:vertical;width:100%;min-height:142px;max-height:500px;border:1px solid var(--ink);border-radius:0;background:#faf8f1;padding:15px;font:16px/1.8 var(--body)}.note-meta{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);line-height:1.7;margin:10px 0 8px}.note-meta>span:last-child{flex:none}#note-error,#backup-error{color:#ad321b;font-size:13px}.career-note .button{font-size:14px}.career-fixed-bar{display:none}.career-nearby{padding-top:15px}.career-nearby>.text-button{margin-top:24px}.career-nearby .career-row{padding:22px 0}
.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:56px 0 32px}.explorer-heading h1{font-size:48px;margin-top:18px;line-height:1.3}.explorer-ticket{display:block;border:1px solid var(--ink);background:var(--lime);padding:23px;min-width:160px;transform:rotate(4deg);font-size:13px;line-height:1.9}.explorer-ticket>b{display:block;font:900 64px var(--display);letter-spacing:-3px}.explorer-ticket small{font-size:10px;color:#53554b}.explorer-heading .web-lead{margin-bottom:0}
.explorer-storage{background:#e8e4d9;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;gap:25px;font-size:12px;line-height:1.8}.explorer-storage>.text-button{flex-shrink:0}.explorer-section{padding:42px 0;border-bottom:1px solid var(--ink)}.explorer-section>h2{margin:12px 0 26px}
.explorer-result{display:flex;align-items:center;gap:30px;background:var(--lilac);border:1px solid var(--ink);padding:14px 30px}.explorer-result>.worker-art{width:200px;flex:none;mix-blend-mode:multiply}.explorer-result>div>span:first-child{font-size:12px}.explorer-result h3{font-size:32px;margin:12px 0}.explorer-result p{font-size:15px;line-height:1.85}.explorer-result .text-button{margin-top:10px}
.explore-empty{border-left:3px solid var(--line);padding:10px 22px}.explore-empty>p{font-size:18px;font-weight:700}.explore-empty>span{display:block;font-size:13px;color:var(--muted);line-height:1.9;margin:12px 0}.saved-career{display:flex;gap:20px;border-bottom:1px solid var(--line);align-items:center}.saved-career:last-child{border:0}.saved-career>.career-row{flex:1;border:0}.saved-career>.text-button{flex:none;color:var(--muted);font-size:12px}.personal-question{padding:24px;background:#ebe7dd;margin:16px 0}.personal-question>a{font-size:13px;font-weight:700}.personal-question>p{font-size:18px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.personal-question>div{display:flex;justify-content:space-between;gap:20px}.personal-question>div>.text-button{font-size:12px}.draft-return{font-size:13px;line-height:2}.draft-return a{display:inline-flex;padding:8px;text-decoration:underline}.recent-doors .tag-list a{min-height:44px;display:flex;align-items:center}
.backup-file-label{display:block;margin-top:24px;margin-bottom:12px;font-size:14px}#explorer-backup-file{width:100%;font-size:14px;min-height:44px}#backup-preview{margin-top:20px}#backup-preview p{font-size:14px}.career-recommendations .room-choice b{font-size:18px}.career-recommendations .door-sign{line-height:1.7}
.web-hero h1 span{white-space:nowrap}.web-header nav a[aria-current=page]{text-decoration:none}
textarea:focus-visible{outline:3px solid #6549bb;outline-offset:4px}
body:has(.career-fixed-bar)>.toast{bottom:calc(84px + env(safe-area-inset-bottom))}
@media(max-width:900px){.web-hero{gap:12px;padding-top:45px}.web-hero-copy h1{font-size:50px}.world-card-bottom{max-width:75%}.world-card-art{width:180px;right:-25px}.world-directory{grid-template-columns:180px minmax(0,1fr);gap:28px}.world-directory-title h2{font-size:23px}.career-hero{gap:30px}.career-scene{padding:24px}.career-scene>p{font-size:20px}.career-hero-title h1{font-size:42px}.career-body{gap:28px}.career-note{gap:25px}.explorer-result{gap:20px}}
@media(max-width:700px){
 .web-page{width:calc(100% - 40px);padding-bottom:48px}.web-header{gap:15px}.web-header .tada-brand{font-size:26px}.tada-brand>span{font-size:10px;margin-left:7px;padding:4px 5px}.web-header nav{gap:16px}.web-header nav a{font-size:12px}.web-footer{gap:20px}.web-footer>.footer-brand{font-size:26px}.web-footer>.footer-brand>span{display:none}.web-footer>p{font-size:10px}.web-footer>div>.text-button{font-size:10px;min-height:44px}
 .web-page h2{font-size:25px}.web-hero{grid-template-columns:1fr;padding:32px 0 24px;gap:0}.web-hero-copy h1{font-size:46px;line-height:1.25;margin:18px 0}.web-hero-copy>.eyebrow{font-size:8px;letter-spacing:.9px}.web-lead{font-size:15px;margin:18px 0 22px}.web-hero-copy>.button{width:100%;min-width:0;font-size:16px;min-height:56px}.web-secondary{margin:9px auto 0}.web-hero .web-fine{text-align:center;font-size:10px;margin:0}.web-hero-stage{padding:10px 0 28px;margin-top:18px}.web-hero-stage img{max-width:270px}.stage-label{top:28px;right:0;font-size:10px}.stage-caption{font-size:9px;bottom:10px}
 .continue-strip{display:block;padding:14px 0}.continue-strip>div{margin-top:6px;gap:4px 18px}.continue-strip a{font-size:12px;min-height:44px}.web-section-head{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px}.web-section-head h2{margin-top:10px}.web-worlds{padding-top:36px}.world-grid{grid-template-columns:1fr;gap:16px}.world-card{min-height:250px;padding:22px}.world-card-top{margin-top:10px}.world-card-top h3{font-size:36px}.world-card-art{width:190px;right:0;bottom:17px}.world-card-bottom{margin-top:65px;max-width:70%}.world-card-bottom b{font-size:19px}.world-card-bottom>span{max-width:195px;font-size:10px}.web-end{padding:48px 0 5px}.web-end h2{font-size:28px}
 .playground-heading{gap:16px;position:relative;padding:32px 0 28px;align-items:start}.playground-heading h1{font-size:33px;margin-top:16px}.playground-heading h1>span{font-size:25px}.playground-heading .web-lead{font-size:14px}.playground-count{display:none}.playground-heading>.worker-art{width:105px;position:absolute;right:0;top:66px;opacity:.2;pointer-events:none}.playground-heading>div{position:relative;z-index:1}.playground-heading .eyebrow{font-size:9px}.world-switcher{gap:0}.world-switcher a{padding:10px 14px}.world-directory{display:block;padding:24px 0}.world-directory-title{padding:0;position:relative}.world-directory-title h2{font-size:23px;margin:13px 0 14px;max-width:70%}.world-directory-title>.text-button{font-size:11px;position:absolute;right:0;bottom:-4px}.career-row{gap:14px;padding:22px 0}.career-row h3{font-size:23px}.career-row p{font-size:13px;line-height:1.85}.door-number{font-size:10px}.row-arrow{font-size:22px}.career-row .eyebrow{font-size:8px;letter-spacing:.6px}
 .career-page{padding-bottom:110px}.career-breadcrumb{padding:10px 0 18px;gap:8px}.career-breadcrumb>.text-button{font-size:11px}.career-hero{grid-template-columns:1fr;gap:24px;padding:0 0 25px}.career-hero-title{padding:0}.career-hero-title h1{font-size:39px;margin:15px 0 10px}.career-hook{font-size:20px;margin:20px 0}.career-hero-title>.button{display:none}.career-scene{padding:23px;gap:15px}.career-scene>p{font-size:20px;line-height:1.9}.scene-mark{position:absolute;right:20px;bottom:16px;font-size:42px}.career-intro{padding:23px 0}.career-intro>p{font-size:15px;line-height:1.95}.career-intro .web-fine{font-size:10px}.career-body{grid-template-columns:1fr;gap:24px;padding-top:15px}.work-slice{gap:20px;padding:22px 0}.work-slice h3{font-size:19px}.work-slice p{font-size:14px}.work-reality{padding:24px}.work-reality h2{font-size:25px}.career-note{grid-template-columns:1fr;gap:24px;margin:30px 0;padding:28px 0}.career-note h2{font-size:25px}.career-note p{font-size:14px}.career-fixed-bar{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ink);background:var(--paper)}.career-fixed-bar>.button{flex:1;font-size:13px;padding:12px 8px;gap:6px;min-height:46px}.career-page~.web-footer{padding-bottom:105px}.career-recommendations .room-choice b{font-size:17px}
 .explorer-heading{padding:30px 0 24px;gap:12px;align-items:start;position:relative}.explorer-heading h1{font-size:34px;margin-top:16px;max-width:250px}.explorer-heading .eyebrow{font-size:8px;letter-spacing:.7px}.explorer-heading .web-lead{font-size:14px;max-width:85%}.explorer-ticket{position:absolute;right:0;top:57px;padding:10px;min-width:80px;font-size:10px;line-height:1.7;transform:rotate(6deg)}.explorer-ticket>b{font-size:39px}.explorer-ticket>small{display:none}.explorer-storage{padding:17px;display:block;font-size:12px}.explorer-storage>.text-button{margin-top:8px}.explorer-section{padding:30px 0}.explorer-result{padding:15px;gap:12px;align-items:center}.explorer-result>.worker-art{width:100px}.explorer-result h3{font-size:23px;margin:9px 0}.explorer-result>div>span:first-child{font-size:10px}.explorer-result p{font-size:12px;line-height:1.7}.explorer-result .text-button{font-size:12px}.explore-empty{padding:10px 15px}.explore-empty>p{font-size:17px}.saved-career{display:block;position:relative;padding-bottom:42px}.saved-career>.text-button{position:absolute;right:0;bottom:0}.personal-question{padding:20px}.personal-question>p{font-size:16px}.web-local-note{font-size:11px}
}
@media(max-width:359px){.web-page{width:calc(100% - 32px)}.web-header nav{gap:11px}.web-header .tada-brand{font-size:23px}.web-header nav a{font-size:11px}.web-hero-copy h1{font-size:41px}.world-card{padding:18px}.world-card-art{width:165px;right:-14px}.world-card-bottom{max-width:78%}.world-card-bottom b{font-size:17px}.world-card-top h3{font-size:31px}.explorer-heading h1{font-size:30px}.explorer-ticket{right:0;top:60px;min-width:70px;padding:7px}.explorer-ticket>b{font-size:33px}.career-hero-title h1{font-size:34px}.playground-heading h1{font-size:29px}.explorer-result>.worker-art{width:75px}.web-footer{gap:12px}.career-fixed-bar{padding-inline:16px}.career-recommendations .room-choice b{font-size:16px}}
@media(max-width:700px){.web-hero-copy h1{font-size:clamp(33px,10.7vw,42px)}}
@media(max-width:620px){.wtf-wordmark{font-size:clamp(88px,28vw,110px);letter-spacing:-8px}.asterisk{font-size:clamp(58px,18vw,72px);letter-spacing:-4px;margin-left:6px;margin-right:4px}.wordmark-note{font-size:7px;margin-left:4px;margin-bottom:14px}}
/* Career worlds: browse first, play in the context of a job. */
.all-doors{margin-top:32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.all-doors>summary,.career-brief>summary,.career-note-wrap>summary{padding:22px 0;min-height:56px;cursor:pointer;font-size:16px;line-height:1.8;font-weight:700}
.all-doors>summary>span,.career-note-wrap>summary>span{font-weight:400;font-size:12px;margin-left:14px;white-space:nowrap}
.all-doors .world-directory:last-child{border-bottom:0}
.career-decision{display:grid;grid-template-columns:1fr 1.15fr;gap:24px 48px;padding:36px 0;border-bottom:1px solid var(--ink);margin-bottom:22px}
.career-decision h2{margin:10px 0 14px;font-size:27px}.career-decision>div>p{font-size:14px;line-height:1.9;color:#53554b}
.career-choice-list{display:grid;gap:12px}
.career-choice{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--ink);padding:18px;background:transparent;min-height:64px;font:600 16px/1.65 var(--body);cursor:pointer;color:var(--ink)}
.career-choice>span{font:12px var(--mono);flex:none}.career-choice>b{margin-left:auto;font-size:22px;font-weight:400}
.career-choice:hover{background:#e8e4d9}.career-choice[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.scene-response{grid-column:1/-1;padding:22px 26px;border-left:3px solid var(--line);min-height:108px;background:#e8e4d9}.scene-response.has-response{border-left-color:var(--orange)}
.scene-response>p{font-size:16px!important;line-height:1.9!important;margin:0}.scene-response>.eyebrow{display:block;margin-bottom:9px}.scene-response>small{display:block;font-size:12px;margin-top:12px;color:#53554b}
.career-brief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.career-brief>p{font-size:15px;line-height:1.9;margin:0 0 20px;max-width:770px}.career-brief>.web-fine{font-size:11px}
.career-brief>.text-button{max-width:100%;overflow-wrap:anywhere;margin-bottom:14px}
.career-note-wrap{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:36px 0}.career-note-wrap .career-note{margin:0;padding-top:5px;border:0}
.career-connection{display:block;font-size:14px;line-height:1.8;margin-top:12px;padding-left:13px;border-left:2px solid var(--orange);color:var(--ink)}
summary:focus-visible,.career-choice:focus-visible{outline:3px solid #6549bb;outline-offset:5px}
@media(max-width:700px){.career-decision{grid-template-columns:1fr;gap:20px;padding:28px 0}.career-decision h2{font-size:24px}.career-choice{font-size:16px;padding:16px;min-height:68px;gap:12px}.scene-response{padding:19px;min-height:130px}.scene-response>p{font-size:15px!important}.all-doors>summary,.career-note-wrap>summary{font-size:14px}.all-doors>summary>span,.career-note-wrap>summary>span{display:block;margin-left:20px}.career-connection{font-size:13px}.career-brief>summary{font-size:15px}.world-card-bottom>span{max-width:190px}.world-card-art{opacity:.88}}
/* One continuous editing scene, from first frame to saved work. */
.career-cut .career-hero{padding-bottom:24px;gap:32px}
.career-cut .career-hero-title h1{font-size:44px}
.career-cut .career-hook{font-size:24px;margin:18px 0}
.career-cut .career-scene{padding:26px;min-height:0}
.career-cut .career-scene>p{font-size:18px;line-height:1.9}
.career-cut .career-scene .scene-mark,.career-cut .career-scene>a{display:none}
.career-lab{max-width:860px;margin:0 auto 36px;scroll-margin-top:24px}
.career-lab .play-draft-line{margin:0 0 12px}
.career-work-details{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:30px 0}
.career-work-details>summary{font-size:21px;font-weight:700;line-height:1.7;padding:25px 0;cursor:pointer}
.career-work-details>summary>span{display:block;font-size:12px;font-weight:400;margin-top:6px}
.career-work-details .career-brief{margin-bottom:24px}
.career-lab #play-error{font-size:13px;color:#ad321b}
@media(max-width:700px){
 .career-cut .career-breadcrumb{padding-bottom:8px}
 .career-cut .career-hero{gap:14px;padding:10px 0 18px}
 .career-cut .career-hero-title h1{font-size:32px;margin:12px 0 4px}
 .career-cut .career-english{font-size:12px}
 .career-cut .career-hook{font-size:18px;line-height:1.65;margin:12px 0 0}
 .career-cut .career-scene{padding:17px 18px;gap:8px}
 .career-cut .career-scene>p{font-size:14px;line-height:1.8}
 .career-cut .career-scene>.eyebrow{font-size:8px}
 .career-lab .play-draft-line>span{max-width:64%}
 .career-lab .projection{height:230px}
 .career-lab .film-scene>.worker-art{width:195px}
 .career-lab .scene-mini>.worker-art{width:100px}
 .career-lab .scene-phone{width:207px;padding:17px}
 .career-lab .scene-phone p{font-size:17px}
 .career-lab .scene-mini .scene-phone{width:115px;padding:10px}
 .career-lab .scene-mini .scene-phone p{font-size:12px}
 .career-lab .scene-hall{transform:scale(.8)}
 .career-lab .scene-mini .scene-hall{transform:scale(.4)}
 .career-work-details>summary{font-size:18px;padding:20px 0}
}
.career-lab .cut-screen{scroll-margin-bottom:110px;scroll-margin-top:16px}

.recommendation-reason{display:block;font-size:14px;line-height:1.65;font-weight:400;margin-top:9px;max-width:38em}.lab-brief{margin-bottom:26px}.lab-brief h2{font-size:clamp(21px,4.5vw,30px);line-height:1.4}.lab-brief p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:44em}

.explorer-share-intro,.metrics-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-top:1px solid var(--ink);margin:24px 0}.metrics-invite p{max-width:38em;font-size:15px;line-height:1.8}.metrics-invite h2{font-size:22px}.explore-card{background:#e4e9bc;padding:28px;border:1px solid var(--ink);margin:24px 0}.explore-card h2{font-size:clamp(24px,5vw,38px);line-height:1.4}.card-doors a,.card-work{display:block;padding:22px 0;border-top:1px solid #19191666;text-decoration:none}.card-doors b{display:block;font-size:23px;margin:10px 0}.card-doors span,.card-work span{font-size:13px}.card-doors p,.card-work p{line-height:1.7}.card-select{display:flex;gap:12px;align-items:center;padding:10px 0;font-size:16px}.card-select input{width:22px;height:22px;accent-color:var(--orange)}#explore-card-form select{display:block;width:100%;padding:14px;background:var(--paper);border:1px solid;margin:10px 0 22px;font:inherit;font-size:15px}#explore-card-form fieldset{border:0;padding:0;margin-bottom:20px}.trail-page{max-width:900px}.trail-page>.button{margin-right:20px}@media(max-width:640px){.explorer-share-intro,.metrics-invite{align-items:stretch;flex-direction:column}.explore-card{padding:20px}.metrics-invite .button{width:100%}}

.career-connections{border-top:1px solid;margin:40px 0;padding:30px 0}.career-connections blockquote{margin:20px 0;line-height:1.9}.event-connection{border:1px solid;padding:24px;margin:20px 0}.event-connection details{margin-top:24px}.event-connection details .button{margin:6px}

.symptom-card{margin:22px 0 26px;border:1px solid var(--ink);background:#fbf8ef;padding:18px 20px}
.symptom-card .eyebrow{display:block;margin-bottom:10px}
.symptom-card ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.symptom-card li{padding-left:24px;position:relative;font-size:15px;line-height:1.7}
.symptom-card li::before{content:'↳';position:absolute;left:0;color:var(--orange)}
.irl-banner{display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid var(--ink);background:color-mix(in srgb,var(--room-color) 22%,#fbf8ef);padding:20px 24px;margin:0 0 28px}
.irl-kicker{display:block;font:10px var(--mono);letter-spacing:1.2px;margin-bottom:6px}.irl-banner b{font-size:22px}.irl-banner p{font-size:13px;line-height:1.7;margin:8px 0 0;color:#53554b}.irl-banner a{flex:none;min-height:44px;display:flex;align-items:center}
.irl-hero{padding:58px 0 42px;border-bottom:1px solid var(--ink)}.irl-hero h1{font-size:clamp(56px,9vw,112px);line-height:1;margin:18px 0}.irl-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ink);margin:28px 0}.irl-meta div{padding:18px;border-right:1px solid var(--ink);min-width:0}.irl-meta div:last-child{border-right:0}.irl-meta span{display:block;font:10px var(--mono);margin-bottom:9px}.irl-meta b{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.irl-hero>.button{display:inline-flex}.irl-ticket.pending{width:max-content;padding:13px 20px;border:1px dashed var(--ink);color:#53554b}
.passport-panel{padding-top:42px}.passport-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.passport-progress{font:11px var(--mono);white-space:nowrap}.passport-progress b{font:900 48px var(--display);margin-right:4px}.passport-list{border-top:1px solid var(--ink)}.passport-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:20px 0;min-height:72px;cursor:pointer;color:var(--ink)}.passport-room{min-width:0}.passport-room b{display:block;font:900 28px var(--display);letter-spacing:-1px}.passport-room span{font-size:14px;color:#53554b}.passport-state{font:11px var(--mono);border:1px solid var(--ink);padding:8px 10px;white-space:nowrap}.passport-row.visited .passport-state{background:var(--ink);color:var(--paper)}.passport-row.visited{background:color-mix(in srgb,var(--room-color) 18%,transparent)}.passport-actions{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}
@media(max-width:700px){.symptom-card{padding:16px}.sample-notice{flex-direction:column;align-items:flex-start;gap:8px}.symptom-card li{font-size:14px}.irl-banner{display:block;padding:18px}.irl-banner a{margin-top:14px}.irl-hero{padding-top:36px}.irl-hero h1{font-size:clamp(34px,10.8vw,46px)}.irl-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.irl-meta b{font-size:12px;overflow-wrap:anywhere}.irl-meta div:nth-child(2){border-right:0}.irl-meta div:nth-child(3),.irl-meta div:nth-child(4){border-top:1px solid var(--ink)}.web-header{justify-content:flex-start;gap:12px}.web-header .tada-brand{font-size:22px;flex:0 0 auto}.web-header nav{flex:1 1 auto;min-width:0;overflow-x:auto;gap:12px;scrollbar-width:none}.web-header nav a{flex:0 0 auto}.passport-heading{align-items:center}.passport-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.passport-room{flex:1 1 auto}.passport-room b{font-size:24px}.passport-state{flex:0 0 auto;font-size:10px}.passport-actions{gap:10px}}
