*{box-sizing:border-box}
.answer-item>strong.number-badge{padding:0;background:#d9e9fb}.number-badge.wide{width:44px;flex-basis:44px;border-radius:16px}
:root{--ink:#0b2d67;--deep:#08263b;--line:#aebfd2;--paper:#fffdf9;--bluewash:#edf4fd;--blue:#0d4b91;--quiet:#61738a;--meaning:#eef1f8;--warm:#fff0f1;--max:1264px}
html{background:#f3f7fa;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 75% 10%,#eff5ff 0,transparent 34%),var(--paper);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;line-height:1.75;min-height:100vh;overflow-wrap:anywhere}
button,input,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7ea9dd;outline-offset:3px}
.global{height:68px;background:var(--deep);color:#fff;display:flex;align-items:center;padding:0 4vw;gap:40px;font-family:system-ui,sans-serif;position:sticky;top:0;z-index:20}
.global .brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:#fff}.global .brand b{font:30px Georgia}.global .brand span{font-size:14px}.global nav{display:flex;gap:28px;margin:auto}.global nav a{color:#dce7ed;text-decoration:none;font-size:14px}.global nav a.active{color:#fff;border-bottom:2px solid #fff}.progress{height:3px;background:#dce5ed}.progress i{display:block;height:100%;background:#245c91}
.frame{width:min(var(--max),94vw);min-height:calc(100vh - 71px);margin:auto;padding:30px 28px 22px;display:flex;flex-direction:column}.meta{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:15px}.meta .number{font:44px Georgia}.meta .section{color:#1655b6}.meta .series{margin-left:auto}.lesson{flex:1;padding:28px 16px 20px;min-width:0}.lesson h1{font-size:clamp(34px,4vw,60px);line-height:1.28;margin:0 0 22px;font-weight:500;letter-spacing:.01em;word-break:auto-phrase;text-wrap:balance}.lesson h2{font-size:25px;line-height:1.45;margin:0 0 12px;word-break:auto-phrase;text-wrap:balance}.lesson p{margin:0 0 16px}.lesson .lead{font-size:20px;max-width:840px}.phrase{display:inline-block}.page-nav{display:flex;align-items:center;justify-content:space-between;margin-top:24px;font-family:system-ui,sans-serif}.page-nav a,.page-nav button{border:1px solid #9db0c8;background:#fff;color:#133b67;border-radius:999px;padding:10px 24px;text-decoration:none;font-size:14px;cursor:pointer}.page-nav .next,.action{background:#063b87;color:#fff;border:0}.page-nav .disabled{visibility:hidden}.count{font:18px Georgia}
.eyebrow,.summary-label,.drill-kicker{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.08em;color:#1d568f;font-weight:700}.quiet{color:var(--quiet);font-size:15px}.section-rule{height:1px;background:var(--line);margin:20px 0 28px}.soft-band{background:var(--bluewash);padding:18px 24px}.quote{background:linear-gradient(135deg,#eff5ff,#fff);padding:24px 28px;margin:20px 0;font-size:27px}.small-quote{font-size:20px}.center{text-align:center}.max-copy{max-width:800px}
.cover{position:relative;min-height:640px;margin:-28px -16px -20px;overflow:hidden;background:#061725;color:#fff}.cover>img{position:absolute;width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04131ee8 0,#071723c0 31%,#07172338 67%,transparent 100%)}.cover-copy{position:absolute;left:5%;top:18%;max-width:640px}.cover-copy small{letter-spacing:.2em}.cover-copy h1{font-size:clamp(36px,4.6vw,60px);margin:28px 0 22px;line-height:1.45}.cover-copy h2{font-weight:400;font-size:25px}.cover-copy .ability{font-size:30px;line-height:1.55}
.observation-card,.meaning-card{padding:20px 22px;position:relative}.observation-card{background:#fbfdff;border:2px solid var(--ink);box-shadow:12px 12px 0 #dbe8f5}.meaning-card{background:var(--meaning);border:2px dashed #8b9ab3;color:#53627a;transform:rotate(-.6deg)}.meaning-card:nth-child(even){transform:rotate(.7deg)}.card-label{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.1em;font-weight:700;display:block;margin-bottom:8px;color:#365a7d}.meaning-card .card-label{color:#6a7182}.intro-pairs{display:grid;gap:16px;margin-top:25px}.intro-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.intro-pair .arrow{font-family:system-ui,sans-serif;text-align:center;color:#53769b;font-size:24px;margin:0 -10px}.intro-pair .observation-card,.intro-pair .meaning-card{grid-row:1}.intro-pair .meaning-card{grid-column:2}.intro-pair .arrow{position:absolute;left:calc(50% - 16px)}
.core-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}.core-split>section,.core-split>div{min-width:0}.fixed-observation{position:sticky;top:92px;padding-bottom:18px}.core-split .fixed-observation .quiet{position:relative;z-index:2;margin-top:18px}.timeline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:18px;font-family:system-ui,sans-serif;font-size:14px}.timeline span{padding:10px 12px;background:#f3f7fb;border:1px solid #d0dce8;text-align:center}.timeline .duration{background:#fff0f1;border-color:#dfb4b7;color:#803c45;font-weight:700}.meaning-field{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.meaning-field .meaning-card{font-size:16px;padding:14px 16px}.meaning-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.meaning-heading h2{margin:0}.meaning-heading span{font-size:13px;color:#6a7182}
.pause-stop{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}.pause-stop>div{min-width:0}.pause-stop .path{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;font-family:system-ui,sans-serif;font-size:14px}.path i{height:1px;background:#9eb6ce}.meaning-stop{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.meaning-stop .meaning-card{min-height:110px}.stop-mark{font-family:system-ui,sans-serif;font-size:24px;color:#8a4e59}.stop-note{background:var(--warm);padding:14px 18px;text-align:center;font-size:20px}.pause-stop>div:nth-child(2){display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:20px;align-items:start}.pause-stop>div:nth-child(2) .stop-note{grid-row:1 / span 2}.pause-stop>div:nth-child(2) .quote,.pause-stop>div:nth-child(2)>p:last-child{margin:0}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.flow-step{position:relative;background:var(--bluewash);padding:18px 14px;text-align:center;min-height:126px;display:grid;align-content:center}.flow-step:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:42%;font:24px system-ui;color:#567594;z-index:1}.peel-demo{display:grid;grid-template-columns:1fr .8fr;gap:26px;align-items:start;margin-top:24px}.peel-stack{position:relative;min-height:168px}.peel-stack .observation-card{position:relative;z-index:1}.peel-stack .meaning-card{position:absolute;left:22%;right:-2%;top:calc(100% - 48px);z-index:2}.peel-stack.is-peeled .meaning-card{opacity:0;transform:translate(18px,-22px) rotate(3deg);pointer-events:none}.peel-button{border:1px solid #9aabba;background:#fff;color:#173b62;padding:12px 16px;cursor:pointer}.peel-stack .meaning-card{transition:opacity .28s ease,transform .28s ease}.no-js-note{font-size:13px;color:#67798e;margin-top:10px}
.dialogue{display:grid;gap:8px;margin:18px 0}.dialogue p{margin:0;padding:13px 18px;background:#f3f7fb;border-left:4px solid #bbcee1}.dialogue b{display:inline-block;width:76px;font-family:system-ui,sans-serif;font-size:13px;color:#365a7d}.rejected{padding:16px 20px;background:var(--warm);border-left:5px solid #bc6d76;margin:18px 0}.possibilities{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.possibilities p{margin:0;background:#f1f5f9;padding:12px 10px;text-align:center;font-size:15px}.boundary-statement{background:var(--bluewash);padding:20px 24px;font-size:24px;text-align:center}
.reaction-contrast{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.reaction-contrast article{padding:17px 20px;background:#f4f7fb;border-top:4px solid #6b92ba}.reaction-contrast h3{margin:0 0 8px;font-size:18px}.smile-contexts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.smile-contexts figure{margin:0;background:#f6f8fa;border:1px solid #d8e1eb}.smile-contexts img{display:block;width:100%;height:160px;object-fit:cover}.smile-contexts figcaption{padding:12px 14px;font-size:15px}.one-to-one{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;align-items:center}.mapping{display:grid;gap:12px}.mapping-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.mapping-row span{padding:14px;background:#f1f5f9;text-align:center}.mapping-row .bad{background:#fff0f1;color:#91434d}.mapping-row .good{background:#eaf4ff}.mapping-row strong{font-family:system-ui,sans-serif;color:#8f3b48}
.drill,.answer,.integration,.daily{max-width:1080px;margin:auto;min-width:0}.drill-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.drill-intro>* ,.question-shell>*,.self-split>*,.case-layout>*{min-width:0}.task-steps{display:grid;gap:8px}.task-step{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;background:#f3f7fb;padding:11px 15px}.task-step b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#c8dcf5;font-family:system-ui,sans-serif}.question-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:start}.question-evidence{position:sticky;top:92px}.question-evidence .observation-card{font-size:24px}.answer-form{display:grid;gap:14px}.answer-form label,.multi-form label{display:grid;gap:8px;min-width:0}.answer-form textarea,.multi-form textarea,.daily-form textarea{width:100%;min-width:0;min-height:118px;border:1px solid #7ba9ea;border-radius:7px;padding:14px 16px;background:#fff;font-size:17px;resize:vertical}.answer-form .form-label,.multi-form .form-label{font-size:15px;color:#3d5c7c;font-weight:700}.action{display:block;width:min(440px,100%);padding:16px 24px;margin:12px auto 0;border-radius:8px;cursor:pointer;font-size:17px}.save-note{min-height:1.4em;text-align:center;color:#496d90;font-size:13px}.answer-return{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;background:var(--bluewash);padding:18px 22px;margin-top:20px}.return-arrow{font-family:system-ui,sans-serif;font-size:26px}.meaning-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.meaning-list .meaning-card{font-size:16px}.question-title{font-size:clamp(30px,3.2vw,46px);margin-bottom:18px;word-break:auto-phrase}.dialogue + .multi-form{margin-top:22px}.multi-form{display:grid;gap:16px}.multi-form fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}.multi-form legend{font-size:20px;margin-bottom:2px}.multi-row{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;min-width:0}.multi-row b{background:#d9e9fb;padding:8px;text-align:center;font-family:system-ui,sans-serif}.multi-row textarea{grid-column:2;min-height:92px}.answer-grid{display:grid;gap:14px}.answer-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;min-width:0}.answer-item>strong{background:#d9e9fb;padding:8px;text-align:center;font-family:system-ui,sans-serif}.answer-item>div{background:#f3f7fb;padding:14px 18px;min-width:0}.answer-item p{margin:0}.answer-item small{display:block;color:#5d7188;margin-bottom:5px}.certainty{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.certainty article{padding:17px;background:#f3f7fb;border-top:4px solid #9eb6ce;min-width:0}.certainty .fact{border-color:#1b5c9b;background:#eaf4ff}.certainty .possible{border-color:#bd7d84;background:#fff1f1}.certainty .hypothesis{border-color:#9ca3aa;background:#f0f1f2}.certainty h3{margin:0 0 6px;font-size:18px}.certainty p{margin:0;font-size:16px}
.evidence-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px}.evidence-visual .body-marker{min-height:260px;background:linear-gradient(150deg,#eef4fb,#fff);border:1px solid #cfdae5;display:grid;place-items:center;text-align:center;padding:24px}.photo-slot{min-height:0;margin:22px 0 0;background:linear-gradient(150deg,#eef4fb,#fff);border:1px solid #cfdae5;overflow:hidden}.photo-slot img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover;object-position:center 42%}.body-marker .silhouette{width:92px;height:160px;border:4px solid #7892ac;border-radius:46px 46px 28px 28px;position:relative}.body-marker .silhouette::before{content:"";position:absolute;width:44px;height:44px;border:4px solid #7892ac;border-radius:50%;left:20px;top:-56px;background:#f7fbff}.body-marker .hand{position:absolute;width:54px;height:18px;border:4px solid #7892ac;border-radius:50%;top:54px;left:20px;transform:rotate(-18deg);background:#eef4fb}.body-marker figcaption{font-size:14px;color:#526b85;margin-top:50px}.choice-list{display:grid;gap:8px}.choice{display:grid;grid-template-columns:30px 28px 1fr;align-items:center;gap:10px;background:#f3f7fc;margin:0;padding:9px 12px;border-radius:6px;min-width:0}.choice input{width:22px;height:22px}.choice b{background:#d9e9fb;padding:6px;text-align:center;font-family:system-ui,sans-serif}.choice span{font-size:16px;min-width:0}
.self-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.case-statement{display:grid;gap:8px}.case-statement p{margin:0;background:#f3f7fb;padding:14px 18px}.meaning-label{background:var(--warm);padding:14px 18px}.three-inputs{display:grid;gap:13px}.three-inputs label{display:grid;grid-template-columns:1fr;gap:8px;align-items:start;min-width:0}.three-inputs .field-label{display:flex;align-items:center;gap:10px;font-weight:700;color:#3d5c7c;line-height:1.5}.number-badge{display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#f2dfe2;color:#6e3a42;font-family:system-ui,sans-serif;font-size:14px}.three-inputs b:not(.number-badge){background:#f2dfe2;padding:7px;text-align:center;font-family:system-ui,sans-serif}.three-inputs textarea{grid-column:1;min-width:0;min-height:90px;border:1px solid #c99198;border-radius:7px;padding:12px 14px;background:#fff}.speed-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.speed-item{background:#f4f7fb;border-left:4px solid #7499bf;padding:14px;min-width:0}.speed-item h3{margin:0 0 9px;font-size:20px;word-break:auto-phrase}.speed-item label{display:grid;gap:5px;margin-top:8px;font-size:14px;color:#4e657f;min-width:0}.speed-item textarea{min-width:0;min-height:65px;border:1px solid #8ca9c9;padding:8px 10px;background:#fff;font-size:15px}
.case-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.case-dialogue{background:#fbfdff;border:1px solid #d7e3ed;padding:18px}.case-dialogue p{margin:0 0 7px}.case-dialogue p:last-child{margin-bottom:0}.case-dialogue b{display:inline-block;width:58px;color:#3d5c7c;font-family:system-ui,sans-serif;font-size:13px}.case-reaction{background:var(--bluewash);padding:16px 18px;margin-top:15px}.case-photo{margin:16px 0 0;border:1px solid #d7e3ed;overflow:hidden;background:#eef4fb}.case-photo img{display:block;width:100%;height:auto;max-height:235px;object-fit:cover;object-position:center 42%}.case-questions{display:grid;gap:9px}.case-questions li{padding:9px 12px;background:#f3f7fb}.case-questions ol{margin:0;padding-left:28px}.case-questions li::marker{font-family:system-ui,sans-serif}.integration-answer{display:grid;gap:12px}.boundary-box{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.boundary-box article{padding:18px 20px}.boundary-box .can{background:#eaf4ff;border-left:5px solid #1b5c9b}.boundary-box .unknown{background:#f1f1f2;border-left:5px solid #8d969e;color:#4b5560}.boundary-box h3{margin:0 0 8px;font-size:18px}.boundary-box p{margin:0}
.daily-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}.daily-list{display:grid;gap:8px;margin:18px 0}.daily-list p{margin:0;background:#f4f7fb;padding:9px 12px}.daily-form{display:grid;gap:14px}.daily-form fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.daily-form legend{font-size:20px;margin-bottom:4px}.daily-form .record{background:#f7f9fb;border:1px solid #d9e2ec;padding:16px}.daily-form .record h3{margin:0 0 9px;font-size:17px}.daily-form label{display:grid;gap:8px;min-width:0}.daily-form .field-label{display:flex;align-items:center;gap:10px;color:#3d5c7c;line-height:1.5}.daily-form textarea{min-height:80px}.summary-scene{min-height:330px;margin-top:18px;background:linear-gradient(180deg,#0a2237cc 0%,#0a223799 62%,#0a223755 100%),url('assets/summary-quiet.png') center 30%/cover;display:grid;place-items:center;color:#fff;text-align:center;padding:30px}.summary-scene h1{font-size:clamp(34px,4.5vw,58px);margin:0 0 12px}.summary-scene p{font-size:20px}.summary-points{display:grid;gap:8px;margin:20px 0}.summary-points p{margin:0;padding:13px 18px;background:var(--bluewash)}.boundary-legal{margin-top:26px;padding:18px 20px;border:1px solid #ccd4dd;background:#fafafa;color:#5e6871;font-size:14px}.boundary-legal h2{font-size:17px;margin:0 0 8px;color:#425a70}.summary-next{display:flex;gap:16px;align-items:center;padding:15px 19px;background:#eef5fb;color:#365b7d}.summary-next strong{font-family:system-ui,sans-serif}
@media(max-width:720px){body{font-size:16px}.global{height:56px;padding:0 16px}.global .brand span,.global nav{display:none}.global .brand b{font-size:26px}.frame{width:100%;padding:18px 16px;min-height:calc(100vh - 59px)}.meta{font-size:12px}.meta .number{font-size:30px}.meta .series{display:none}.lesson{padding:22px 0}.lesson h1{font-size:34px}.lesson h2{font-size:21px}.cover{min-height:calc(100vh - 150px);margin:-22px 0 -20px}.cover>img{object-position:63% center}.cover-copy{top:auto;bottom:10%;left:8%;right:8%}.cover-copy h1{font-size:34px}.cover-copy h2{font-size:22px}.core-split,.pause-stop,.peel-demo,.question-shell,.drill-intro,.self-split,.case-layout,.daily-layout,.one-to-one{grid-template-columns:1fr;gap:18px}.fixed-observation,.question-evidence{position:static}.pause-stop>div:nth-child(2){grid-template-columns:1fr}.pause-stop>div:nth-child(2) .stop-note{grid-row:auto}.intro-pair{grid-template-columns:1fr;gap:8px}.intro-pair .arrow{position:static;grid-row:2;grid-column:1;transform:rotate(90deg)}.intro-pair .meaning-card{grid-column:1;grid-row:3}.meaning-field,.reaction-contrast,.boundary-box{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow-step:not(:last-child)::after{display:none}.peel-stack{min-height:168px}.peel-stack .meaning-card{left:12%;right:-1%;top:calc(100% - 42px)}.meaning-stop{grid-template-columns:1fr;gap:8px}.stop-mark{text-align:center}.possibilities,.smile-contexts,.certainty{grid-template-columns:1fr 1fr}.smile-contexts img{height:140px}.mapping-row{grid-template-columns:1fr}.mapping-row strong{text-align:center}.answer-grid{gap:10px}.evidence-visual{grid-template-columns:1fr}.speed-list{grid-template-columns:1fr}.summary-scene{min-height:300px}.page-nav{position:sticky;bottom:0;background:#fffefded;padding:10px 0;z-index:5}.page-nav a,.page-nav button{padding:9px 16px}.timeline{font-size:12px}.timeline span{padding:8px 6px}.lesson .lead{font-size:18px}}
@media(max-width:480px){.cover-copy .ability{font-size:25px}.cover-copy h1{font-size:30px}.meaning-field,.possibilities,.smile-contexts,.certainty{grid-template-columns:1fr}.question-title{font-size:25px}.observation-card{box-shadow:7px 7px 0 #dbe8f5}.flow{grid-template-columns:1fr}.flow-step{min-height:auto}.answer-return{grid-template-columns:1fr}.global{gap:10px}.timeline{grid-template-columns:1fr auto 1fr}.summary-scene h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}