.practical-page{--practical-blue:#405b70;--practical-blue-deep:#263f52;--practical-gold:#bd8a43;--practical-wash:#e7ddd0;background:radial-gradient(circle at 86% 9%, #bd8a431f, transparent 25%), repeating-linear-gradient(90deg, transparent 0, transparent 159px, #263f5209 160px), var(--paper);min-height:100vh;color:var(--ink);padding:0 clamp(22px,4.8vw,76px);overflow:hidden}.practical-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:32px;min-height:100px;display:flex}.practical-brand{color:inherit;align-items:baseline;gap:12px;text-decoration:none;display:flex}.practical-brand strong{letter-spacing:-.04em;font:700 25px Georgia,serif}.practical-brand span{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;font:750 8px Cascadia Mono,monospace}.practical-header nav{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.practical-header nav a{color:inherit;font-size:11px;font-weight:700;text-decoration:none;position:relative}.practical-header nav a:after{content:"";background:var(--coral);transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.practical-header nav a:hover:after{transform:scaleX(1)}.practical-eyebrow{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font:750 9px Cascadia Mono,monospace}.practical-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.06fr) minmax(420px,.74fr);align-items:center;gap:clamp(50px,8vw,132px);min-height:min(780px,100vh - 100px);padding:clamp(72px,9vw,136px) 0;display:grid;position:relative}.practical-hero:before{content:"";pointer-events:none;border:1px solid #405b7038;border-radius:50%;width:250px;height:250px;position:absolute;top:11%;left:-9vw;box-shadow:0 0 0 36px #405b7009,0 0 0 72px #405b7006}.practical-hero-copy{z-index:1;position:relative}.practical-hero-copy h1{letter-spacing:-.075em;max-width:900px;margin:0;font:500 clamp(64px,8.2vw,132px)/.92 Georgia,Songti SC,serif}.practical-hero-copy h1 em{color:var(--coral);font-style:normal}.practical-hero-copy>p:not(.practical-eyebrow){max-width:670px;color:var(--muted);margin:38px 0 0;font-size:16px;line-height:1.95}.practical-hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.practical-hero-actions a{border:1px solid var(--ink);min-height:48px;color:inherit;align-items:center;padding:0 20px;font-size:12px;font-weight:750;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.practical-hero-actions a:first-child{background:var(--practical-blue-deep);color:var(--paper-light)}.practical-hero-actions a:hover{background:var(--coral);color:#fff8ed;transform:translateY(-3px)}.practical-route-map{background:linear-gradient(145deg, var(--practical-blue-deep), #344f63 70%, #3e5b6e);color:#f9f2e6;align-content:center;gap:18px;min-height:520px;padding:68px clamp(28px,4vw,58px);display:grid;position:relative;overflow:hidden;box-shadow:18px 20px #263f521c}.practical-route-map:before{content:"";border:1px solid #ffffff2b;border-radius:50%;width:260px;height:260px;position:absolute;top:-88px;right:-88px;box-shadow:0 0 0 28px #ffffff06,0 0 0 56px #ffffff05}.practical-route-map:after{content:"";background:var(--coral);width:34%;height:8px;position:absolute;bottom:0;right:0}.route-map-code{color:#ffffff8c;letter-spacing:.16em;font:750 8px Cascadia Mono,monospace;position:absolute;top:24px;left:28px}.route-map-line{background:#fff3;width:1px;position:absolute;top:116px;bottom:105px;left:clamp(51px,5.5vw,81px)}.route-map-line i{background:var(--coral);width:7px;height:7px;animation:practical-route-progress 5.6s var(--motion-ease) infinite;border-radius:50%;position:absolute;top:0;left:-3px;box-shadow:0 0 0 5px #d84f4529}@keyframes practical-route-progress{0%,8%{opacity:0;top:0}18%{opacity:1}86%{opacity:1}to{opacity:0;top:calc(100% - 7px)}}.route-map-stop{grid-template-rows:auto auto;grid-template-columns:52px 1fr;align-items:center;gap:3px 14px;padding-left:0;display:grid;position:relative}.route-map-stop b{z-index:1;background:var(--practical-blue-deep);color:#f1b3a8;border:1px solid #ffffff57;border-radius:50%;grid-row:1/3;place-items:center;width:38px;height:38px;font:750 8px Cascadia Mono,monospace;display:grid}.route-map-stop strong{font:500 23px Georgia,Songti SC,serif}.route-map-stop small{color:#ffffff9e;font-size:11px}.practical-principles{border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.practical-principles>div{border-right:1px solid var(--rule);align-content:end;gap:5px;min-height:144px;padding:24px;display:grid;position:relative}.practical-principles>div:last-child{border-right:0}.practical-principles span{color:var(--coral);font:italic 20px Georgia,serif;position:absolute;top:18px;right:20px}.practical-principles strong{font:500 20px Georgia,Songti SC,serif}.practical-principles small{color:var(--muted);font-size:11px}.genre-studio{border-bottom:1px solid var(--ink);padding:clamp(86px,10vw,148px) 0;scroll-margin-top:20px}.genre-studio>header{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:end;gap:clamp(50px,8vw,130px);margin-bottom:clamp(50px,7vw,92px);display:grid}.genre-studio>header .practical-eyebrow{grid-column:1/-1;margin-bottom:-20px}.genre-studio>header h2{letter-spacing:-.075em;margin:0;font:500 clamp(58px,7vw,108px)/.92 Georgia,Songti SC,serif}.genre-studio>header>p:last-child{max-width:520px;color:var(--muted);margin:0;font-size:15px;line-height:1.9}.genre-workspace{border-top:1px solid var(--ink);grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);display:grid}.genre-index{border-right:1px solid var(--ink)}.genre-index button{border:0;border-bottom:1px solid var(--rule-soft);width:100%;min-height:86px;color:inherit;cursor:pointer;text-align:left;transition:padding-left .22s var(--motion-ease), background-color .18s ease, color .18s ease;background:0 0;grid-template-rows:auto auto;grid-template-columns:38px 1fr auto;align-content:center;gap:3px 10px;padding:14px 20px 14px 0;display:grid;position:relative;overflow:hidden}.genre-index button:before{content:"";z-index:-1;background:var(--practical-blue-deep);transition:transform .26s var(--motion-ease);position:absolute;inset:0;transform:translate(-101%)}.genre-index button:hover,.genre-index button.active{color:var(--paper-light);padding-left:14px}.genre-index button:hover:before,.genre-index button.active:before{transform:translate(0)}.genre-index button>span{color:var(--coral);grid-row:1/3;font:italic 18px Georgia,serif}.genre-index button strong{font:500 18px Georgia,Songti SC,serif}.genre-index button small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:750 8px Cascadia Mono,monospace}.genre-index button:hover small,.genre-index button.active small{color:#ffffff94}.genre-index button i{color:var(--coral);grid-area:1/3/3;align-self:center;font-style:normal}.genre-brief{padding-left:clamp(32px,5vw,78px)}.genre-brief>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:32px;display:flex}.genre-brief>header span{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font:750 9px Cascadia Mono,monospace}.genre-brief>header h3{letter-spacing:-.06em;margin:9px 0 0;font:500 clamp(48px,5vw,76px)/1 Georgia,Songti SC,serif}.genre-brief>header p{color:var(--muted);margin:12px 0 0;font-size:13px}.genre-brief>header>b{border:1px solid var(--coral);color:var(--coral);flex:none;padding:7px 10px;font:750 9px Cascadia Mono,monospace}.genre-meta{border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.genre-meta div{border-right:1px solid var(--rule-soft);align-content:center;gap:8px;min-height:100px;padding:18px;display:grid}.genre-meta div:last-child{border-right:0}.genre-meta dt{color:var(--coral);font-size:10px;font-weight:750}.genre-meta dd{margin:0;font:500 15px Georgia,Songti SC,serif}.genre-structure{border:1px solid var(--rule);grid-template-columns:repeat(3,1fr);margin-top:38px;display:grid}.genre-structure button{border:0;border-right:1px solid var(--rule);background:color-mix(in srgb, var(--paper-light) 62%, transparent);min-height:196px;color:inherit;cursor:pointer;text-align:left;transition:background-color .18s ease, color .18s ease, transform .22s var(--motion-ease);align-content:start;gap:9px;padding:23px;display:grid}.genre-structure button:last-child{border-right:0}.genre-structure button:hover{transform:translateY(-5px)}.genre-structure button.active{background:var(--practical-blue-deep);color:var(--paper-light)}.genre-structure button>span{color:var(--coral);letter-spacing:.11em;font:750 8px Cascadia Mono,monospace}.genre-structure button strong{margin-top:10px;font:500 21px Georgia,Songti SC,serif}.genre-structure button p{margin:0;font-size:12px;font-weight:700}.genre-structure button small{color:var(--muted);font-size:11px;line-height:1.7}.genre-structure button.active small{color:#ffffffa3}.expression-drawer{border-top:1px solid var(--ink);margin-top:28px}.expression-drawer>header{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.expression-drawer>header>div{gap:4px;display:grid}.expression-drawer>header span{color:var(--coral);letter-spacing:.14em;font:750 8px Cascadia Mono,monospace}.expression-drawer>header strong{font:500 18px Georgia,Songti SC,serif}.expression-drawer>header small{color:var(--muted);font-size:10px}.expression-drawer>div{border:1px solid var(--rule);grid-template-columns:repeat(2,1fr);display:grid}.expression-drawer button{border:0;border-right:1px solid var(--rule);min-height:224px;color:inherit;cursor:pointer;text-align:left;transition:background-color .18s ease, transform .22s var(--motion-ease);background:0 0;align-content:start;gap:10px;padding:28px;display:grid;position:relative}.expression-drawer button:last-child{border-right:0}.expression-drawer button:hover{background:color-mix(in srgb, var(--sand) 24%, transparent);transform:translateY(-4px)}.expression-drawer button.saved{background:color-mix(in srgb, var(--coral) 10%, transparent)}.expression-drawer button>span{border:1px solid var(--rule);color:var(--muted);justify-self:end;padding:4px 7px;font-size:8px}.expression-drawer button.saved>span{border-color:var(--coral);color:var(--coral)}.expression-drawer button strong{margin-top:10px;font:500 clamp(20px,2vw,28px)/1.45 Georgia,serif}.expression-drawer button small{color:var(--practical-blue);font-size:12px;line-height:1.6}.expression-drawer button p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.65}.paper-planner{border-bottom:1px solid var(--ink);grid-template-columns:minmax(280px,.66fr) minmax(520px,1.34fr);align-items:center;gap:clamp(50px,8vw,130px);padding:clamp(86px,10vw,150px) 0;scroll-margin-top:24px;display:grid}.paper-planner-heading h2{letter-spacing:-.07em;margin:0;font:500 clamp(54px,6.2vw,94px)/.98 Georgia,Songti SC,serif}.paper-planner-heading>p:not(.practical-eyebrow){color:var(--muted);margin:26px 0 0;font-size:15px;line-height:1.9}.paper-planner-heading button{border:1px solid var(--ink);min-height:42px;color:inherit;cursor:pointer;background:0 0;margin-top:28px;padding:0 16px;font-size:11px;font-weight:750;transition:background-color .18s,color .18s}.paper-planner-heading button:hover{background:var(--coral);color:#fff8ed}.task-paper{background:var(--paper-light);color:#263a34;padding:clamp(28px,4vw,52px);position:relative;transform:rotate(.6deg);box-shadow:18px 20px #263f521f}.task-paper:before{content:"";background:#bd8a4352;width:96px;height:22px;position:absolute;top:-9px;left:19%;transform:rotate(-2deg)}.task-paper>header{border-bottom:1px solid #263a344d;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.task-paper>header span{letter-spacing:.12em;font:750 8px Cascadia Mono,monospace}.task-paper>header b{color:var(--coral);font:italic 26px Georgia,serif}.task-paper-prompt{padding:28px 0 20px}.task-paper-prompt small{color:var(--coral);font-size:10px;font-weight:750}.task-paper-prompt p{margin:12px 0 0;font:500 clamp(18px,2vw,25px)/1.65 Georgia,Songti SC,serif}.task-paper>ol{flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;display:flex}.task-paper>ol li{border:1px solid #263a3442;padding:6px 9px;font-size:10px}.detail-sort-list{gap:8px;margin-bottom:20px;display:grid}.detail-sort-list>div{background:#ffffff47;border:1px solid #263a342e;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.detail-sort-list strong{font-size:11px;font-weight:650}.detail-sort-list span{gap:5px;display:flex}.detail-sort-list button{color:#263a34;cursor:pointer;background:0 0;border:1px solid #263a3452;min-width:42px;min-height:28px;font:750 8px Cascadia Mono,monospace}.detail-sort-list button.active{border-color:var(--coral);background:var(--coral);color:#fff8ed}.paper-boxes{border:1px solid #263a3457;grid-template-columns:repeat(3,1fr);display:grid}.paper-boxes>div{border-right:1px solid #263a3438;grid-template-rows:auto auto 1fr;gap:7px;min-height:145px;padding:17px;display:grid}.paper-boxes>div:last-child{border-right:0}.paper-boxes span{color:var(--coral);letter-spacing:.12em;font:750 8px Cascadia Mono,monospace}.paper-boxes strong{font:500 16px Georgia,Songti SC,serif}.paper-boxes ul{color:#5f6a65;margin:8px 0 0;padding:0;font-size:10px;line-height:1.5;list-style:none}.paper-boxes li+li{margin-top:5px}.task-paper>footer{color:#68706c;margin-top:18px;font-size:9px;line-height:1.6}.final-check{border-bottom:1px solid var(--ink);grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(54px,8vw,132px);padding:clamp(88px,10vw,150px) 0;scroll-margin-top:24px;display:grid}.final-check>header h2{letter-spacing:-.07em;margin:0;font:500 clamp(50px,6vw,92px)/1 Georgia,Songti SC,serif}.check-board{border-top:1px solid var(--ink);grid-template-columns:190px 1fr;display:grid}.check-progress{--check-progress:0%;text-align:center;background:conic-gradient(var(--coral) var(--check-progress), color-mix(in srgb, var(--rule-soft) 68%, transparent) 0);isolation:isolate;place-content:center;gap:9px;min-height:220px;display:grid;position:relative}.check-progress:before{content:"";z-index:-1;background:var(--paper);border-radius:50%;position:absolute;inset:18px}.check-progress strong{font:italic 38px Georgia,serif}.check-progress span{color:var(--muted);font-size:9px}.check-list{border-left:1px solid var(--rule)}.check-list button{border:0;border-bottom:1px solid var(--rule);width:100%;min-height:72px;color:inherit;cursor:pointer;text-align:left;background:0 0;grid-template-columns:42px 1fr;align-items:center;gap:13px;padding:12px 18px;transition:background-color .18s,padding-left .18s;display:grid}.check-list button:hover{background:color-mix(in srgb, var(--sand) 20%, transparent);padding-left:24px}.check-list button span{border:1px solid var(--rule);width:32px;height:32px;color:var(--coral);place-items:center;font:750 8px Cascadia Mono,monospace;display:grid}.check-list button strong{font-size:12px;font-weight:650;line-height:1.55}.check-list button.checked{color:var(--muted)}.check-list button.checked span{border-color:var(--coral);background:var(--coral);color:#fff}.practical-footer{justify-content:space-between;align-items:center;gap:24px;min-height:128px;display:flex}.practical-footer>span{color:var(--muted);letter-spacing:.14em;font:750 8px Cascadia Mono,monospace}.practical-footer nav{flex-wrap:wrap;gap:18px;display:flex}.practical-footer a{text-underline-offset:5px;font-size:10px;font-weight:700}.practical-toast{z-index:40;background:var(--practical-blue-deep);color:#fff8ed;max-width:320px;padding:14px 17px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:8px 8px #d84f4533}html[data-theme=night] .practical-page{--practical-blue:#9eb7ca;--practical-blue-deep:#17262f;--practical-wash:#2b302f}html[data-theme=night] .genre-structure button,html[data-theme=night] .expression-drawer button{background:#ffffff06}html[data-theme=night] .genre-structure button.active{background:var(--practical-blue-deep)}html[data-theme=night] .task-paper{background:#efe6d7}html[data-theme=night] .check-progress:before{background:var(--paper)}@media (max-width:1080px){.practical-header nav a:nth-child(-n+2){display:none}.practical-hero{grid-template-columns:1fr;min-height:0}.practical-route-map{min-height:460px}.practical-principles{grid-template-columns:repeat(2,1fr)}.practical-principles>div:nth-child(2){border-right:0}.practical-principles>div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.genre-studio>header{grid-template-columns:1fr;gap:28px}.genre-studio>header .practical-eyebrow{grid-column:auto;margin-bottom:0}.genre-workspace{grid-template-columns:1fr}.genre-index{border-right:0;border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.genre-index button{border-right:1px solid var(--rule-soft);grid-template-columns:32px 1fr;min-height:92px;padding:13px}.genre-index button:nth-child(4n){border-right:0}.genre-index button i{display:none}.genre-index button:hover,.genre-index button.active{padding-left:13px}.genre-brief{padding:44px 0 0}.paper-planner,.final-check{grid-template-columns:1fr}}@media (max-width:720px){.practical-page{padding:0 20px}.practical-header{min-height:72px}.practical-brand strong{font-size:20px}.practical-brand span,.practical-header nav a:not(:last-child){display:none}.practical-hero{gap:48px;padding:64px 0 72px}.practical-hero-copy h1{font-size:clamp(52px,16vw,78px)}.practical-hero-copy>p:not(.practical-eyebrow){font-size:14px}.practical-hero-actions{display:grid}.practical-hero-actions a{justify-content:center}.practical-route-map{min-height:430px;padding:62px 23px 44px;box-shadow:10px 12px #263f521c}.route-map-line{left:42px}.route-map-stop{grid-template-columns:46px 1fr}.practical-principles{grid-template-columns:1fr}.practical-principles>div{border-right:0;border-bottom:1px solid var(--rule);min-height:108px}.genre-studio{padding:70px 0}.genre-studio>header h2{font-size:clamp(52px,15vw,76px)}.genre-index{grid-template-columns:repeat(2,1fr)}.genre-index button:nth-child(2n),.genre-index button:nth-child(4n){border-right:0}.genre-brief>header{display:grid}.genre-meta{grid-template-columns:1fr}.genre-meta div{border-right:0;border-bottom:1px solid var(--rule-soft);min-height:78px}.genre-structure{grid-template-columns:1fr}.genre-structure button{border-right:0;border-bottom:1px solid var(--rule);min-height:148px}.expression-drawer>header{flex-direction:column;justify-content:center;align-items:flex-start}.expression-drawer>div{grid-template-columns:1fr}.expression-drawer button{border-right:0;border-bottom:1px solid var(--rule);min-height:210px}.paper-planner{grid-template-columns:1fr;gap:42px;padding:70px 0}.paper-planner-heading h2,.final-check>header h2{font-size:clamp(48px,14vw,70px)}.task-paper{padding:30px 20px;transform:none;box-shadow:9px 11px #263f521a}.paper-boxes{grid-template-columns:1fr}.paper-boxes>div{border-bottom:1px solid #263a3438;border-right:0;min-height:112px}.final-check{gap:42px;padding:70px 0}.check-board{grid-template-columns:1fr}.check-progress{min-height:190px}.check-progress:before{inset:30px}.check-list{border-left:0}.practical-footer{flex-direction:column;justify-content:center;align-items:flex-start}.practical-footer nav{display:grid}}@media (prefers-reduced-motion:reduce){.route-map-line i{animation:none}.genre-structure button:hover,.expression-drawer button:hover,.practical-hero-actions a:hover{transform:none}}