.kotr-case{--kotr-muted:#b8b4ac;--kotr-accent:#d7c35d;--kotr-line:#45433e;font:400 16px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:break-word}
.kotr-main{width:min(1120px,calc(100% - 64px));margin:auto}
.kotr-case .masthead{font-size:12px}.kotr-back{padding:10px 0;color:#c9c5bd}
.kotr-skip{position:absolute;top:-100px;left:16px;padding:12px;background:#eee4c5;color:#282328;z-index:20}.kotr-skip:focus{top:12px}
.kotr-hero{padding:72px 0 50px}.kotr-kicker,.kotr-side-label{font-size:12px;letter-spacing:.13em;color:var(--kotr-muted);font-weight:700;margin:0 0 18px}
.kotr-hero h1{font-size:clamp(45px,7.3vw,90px);line-height:1.03;letter-spacing:-.065em;max-width:none}.kotr-hero h1 em{font-style:normal;color:var(--kotr-accent)}
.kotr-deck{font-size:clamp(19px,2.2vw,25px);line-height:1.5;max-width:830px;color:#c4c0b8;margin:30px 0}
.kotr-actions{display:flex;gap:12px;flex-wrap:wrap}.kotr-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 18px;border:1px solid #726e63;border-radius:3px;min-height:48px;font-size:15px;line-height:1.5;color:#f4f1e8}.kotr-primary{background:#d7c35d;border-color:#d7c35d;color:#191712}.kotr-button:hover{filter:brightness(1.12)}
.kotr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-block:1px solid var(--kotr-line);padding:24px 0;margin:48px 0 0}.kotr-facts dt{font-size:12px;letter-spacing:.12em;color:var(--kotr-muted);margin-bottom:8px}.kotr-facts dd{margin:0;font-size:15px;line-height:1.55}
.kotr-section-top{display:flex;justify-content:space-between;align-items:end;gap:24px}.kotr-case h2{font-size:clamp(30px,4.5vw,51px);font-weight:400;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px}.kotr-case h3{font-size:22px;line-height:1.3;letter-spacing:-.02em;font-weight:400;margin:0 0 16px}.kotr-case h4{font-size:18px;font-weight:400;margin:0 0 8px}
.kotr-intro{max-width:790px;color:#c2beb6;margin:0 0 26px;font-size:18px;line-height:1.65}.kotr-text-link{font-size:14px;padding:12px 0;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #8d8779;white-space:nowrap;margin-bottom:24px}
.kotr-guide{display:flex;flex-wrap:wrap;gap:8px}.kotr-guide button,.kotr-options button{background:transparent;color:#efede6;border:1px solid #726e63;border-radius:3px;padding:10px 14px;min-height:44px;font-size:14px;line-height:1.5;cursor:pointer}.kotr-guide button[aria-pressed=true]{background:#d7c35d;color:#191712;border-color:#d7c35d}
.kotr-guide-detail{font-size:16px;color:#d6d1c6;min-height:3.5em;max-width:820px;margin:16px 0 22px}
.kotr-console-stage{background:transparent;overflow:visible}.kotr-console-stage iframe{display:block;width:100%;aspect-ratio:1836/1040;border:0;background:transparent}
.kotr-demo-caption{display:flex;justify-content:space-between;gap:16px;margin:18px 0 12px;font-size:13px;color:#d5cfc1;flex-wrap:wrap}.kotr-small{font-size:14px;line-height:1.65;color:var(--kotr-muted);max-width:850px;margin:14px 0 0}
.kotr-chapter{display:grid;grid-template-columns:1fr 2.6fr;gap:36px;border-top:1px solid var(--kotr-line);padding:64px 0;margin-top:64px}.kotr-chapter p{color:#c2beb6;margin:0 0 22px}.kotr-side-label{padding-top:8px}.kotr-full{display:block}.kotr-decisions{display:grid;gap:25px;margin-top:36px}.kotr-decisions article{padding-top:24px;border-top:1px solid var(--kotr-line)}.kotr-decisions p{margin:0}.kotr-decisions h3{margin-bottom:10px}
.kotr-evidence-pair,.kotr-edge-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.kotr-case figure{margin:0;min-width:0}.kotr-image-label{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:14px;color:#d7d2c7}.kotr-case figure img{max-width:100%;height:auto;display:block}.kotr-evidence-pair img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#d7cbb1}.kotr-case figcaption{color:var(--kotr-muted);font-size:14px;line-height:1.6;margin:14px 0 0}.kotr-findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:48px}.kotr-findings article{border-top:1px solid var(--kotr-line);padding-top:22px}.kotr-findings p{font-size:15px}.kotr-findings .kotr-kicker{font-size:12px;color:#d7c35d}.kotr-findings strong{color:#f1eee6;font-weight:400}
.kotr-details{border-block:1px solid var(--kotr-line);margin-top:30px;padding:16px 0}.kotr-details summary{padding:8px 0;min-height:44px;cursor:pointer}.kotr-edge-pair img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:bottom;background:#d7cbb1}.kotr-edge-pair figure:nth-child(2) img{object-fit:contain}
.kotr-journey{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:38px 0 44px;gap:14px}.kotr-journey li{border-top:2px solid #958841;padding-top:16px;min-width:0}.kotr-journey span{display:block;font-size:11px;letter-spacing:.1em;color:#d7c35d}.kotr-journey strong{display:block;font-weight:400;font-size:15px;line-height:1.4;margin:10px 0}.kotr-journey small{display:block;font-size:13px;color:var(--kotr-muted);line-height:1.5}.kotr-subtitle{margin-top:36px!important}.kotr-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kotr-personas p{font-size:15px}.kotr-figure{margin-top:34px!important}.kotr-figure img{width:100%;background:#d7cbb1}.kotr-art-heading{margin-top:48px}.kotr-art-heading h3{margin-bottom:10px}.kotr-art-heading span{margin-bottom:10px}
.kotr-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;margin:26px 0}.kotr-options img{width:100%;aspect-ratio:3/2;image-rendering:pixelated;object-fit:contain;background:#d7cbb1}.kotr-options figcaption{font-size:15px;color:#f3eee1;min-height:4em}.kotr-options small{display:block;font-size:12px;color:#d7c35d}.kotr-options button{width:100%;font-size:13px;padding:9px;line-height:1.5}.kotr-selected-option{outline:1px solid #a39447;outline-offset:8px}.kotr-selected-note{border-left:2px solid #d7c35d;padding-left:24px;max-width:790px;margin-top:38px}.kotr-selected-note p{margin:0}
.kotr-validation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:38px 0}.kotr-validation article{border-top:1px solid #8d8050;padding-top:24px}.kotr-validation p{font-size:15px}.kotr-validation span{font-size:13px;color:#d7c35d}.kotr-accessibility{padding:28px 0;border-block:1px solid var(--kotr-line)}.kotr-accessibility p{margin:0;max-width:900px}.kotr-closing{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:42px 0 20px}.kotr-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--kotr-line);padding:36px 0 70px;flex-wrap:wrap}.kotr-bottom a{padding:10px 0;min-height:44px}.kotr-case .footer{font-size:12px}
.kotr-case a:focus-visible,.kotr-case button:focus-visible,.kotr-case summary:focus-visible{outline:3px solid #f1db6d;outline-offset:5px}.kotr-case a img{transition:filter .15s}.kotr-case a:hover img{filter:brightness(1.04)}
@media(max-width:900px){.kotr-main{width:calc(100% - 40px)}.kotr-chapter{grid-template-columns:1fr;gap:20px}.kotr-findings{grid-template-columns:1fr}.kotr-options{grid-template-columns:repeat(2,minmax(0,1fr))}.kotr-validation{grid-template-columns:1fr}.kotr-validation article{padding-top:20px}.kotr-validation p{max-width:760px}}
@media(max-width:700px){.kotr-hero{padding:40px 0}.kotr-main{width:calc(100% - 32px)}.kotr-case .masthead{padding:22px 16px}.kotr-hero h1{font-size:clamp(40px,11vw,68px)}.kotr-deck{font-size:19px}.kotr-facts{grid-template-columns:1fr;gap:20px;margin-top:32px}.kotr-facts br{display:none}.kotr-section-top{display:block}.kotr-text-link{margin:0 0 22px}.kotr-console-stage iframe{aspect-ratio:776/1550}.kotr-guide-detail{min-height:0}.kotr-guide button{flex:1 0 auto}.kotr-chapter{margin-top:44px;padding:42px 0}.kotr-evidence-pair,.kotr-edge-pair,.kotr-personas,.kotr-closing{grid-template-columns:1fr}.kotr-journey{grid-template-columns:1fr 1fr;gap:24px}.kotr-intro{font-size:17px}.kotr-art-heading{display:block}.kotr-art-heading span{display:block}.kotr-options{gap:24px 16px}.kotr-selected-option{outline-offset:5px}.kotr-options button{font-size:13px}.kotr-options figcaption{min-height:5em}.kotr-bottom{gap:12px}.kotr-case .footer{padding:24px 16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kotr-case *{transition:none!important}}

/* The process has both scalable visual boards and reflowing text. */
.kotr-case-nav{display:flex;flex-wrap:wrap;gap:4px 24px;border-bottom:1px solid var(--kotr-line);margin:0 0 54px;padding:0 0 22px}.kotr-case-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#d2cec6}
.kotr-case section[id]{scroll-margin-top:24px}.kotr-method-note{border-left:2px solid #a39447;padding-left:18px;margin:0 0 26px!important}
.kotr-process-figure{margin:32px 0!important}.kotr-process-figure img{width:100%;background:#101010}.kotr-process-figure figcaption{max-width:900px}.kotr-process-figure figcaption a{display:inline-block;min-height:44px;padding:10px 0;color:#d7c35d;margin-left:12px;text-decoration:underline;text-underline-offset:4px}
.kotr-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:36px}.kotr-player-grid article{border-top:2px solid #9a8c47;padding-top:24px}.kotr-player-goal{color:#d7c35d!important;font-size:18px}.kotr-player-grid dt{font-size:13px;letter-spacing:.07em;color:#c7b65a;text-transform:uppercase;margin:22px 0 6px}.kotr-player-grid dd{margin:0;color:#c2beb6;line-height:1.65}
.kotr-principles{margin:42px 0;padding:28px 0;border-block:1px solid var(--kotr-line)}.kotr-principles ol{padding-left:24px;max-width:900px;margin:0}.kotr-principles li{padding:8px 0 8px 6px;color:#c2beb6}.kotr-principles strong,.kotr-map-list strong,.kotr-access-grid strong{color:#f4f1e9;font-weight:400}
.kotr-map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;list-style:none;padding:0;margin:36px 0 0}.kotr-map-list li{display:flex;gap:15px;border-top:1px solid var(--kotr-line);padding-top:22px}.kotr-map-index{color:#d7c35d;font-size:14px}.kotr-map-list h3{font-size:21px}.kotr-map-list p{font-size:15px;margin:0 0 10px}.kotr-map-list .kotr-small{font-size:13px}
.kotr-beat-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:32px 0 0;padding:0}.kotr-beat-list h3{color:#d7c35d;font-size:19px}.kotr-beat-list p{font-size:16px}.kotr-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.kotr-access-grid article{padding-top:24px;border-top:1px solid var(--kotr-line)}.kotr-access-grid h3{color:#d7c35d}.kotr-access-grid p{font-size:16px}.kotr-artifact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px}.kotr-artifact-grid img{width:100%;display:block;aspect-ratio:5/3;object-fit:contain;background:#101010}.kotr-artifact-grid a>span{display:flex;justify-content:space-between;gap:16px;font-size:17px;padding:16px 0;min-height:44px;border-bottom:1px solid var(--kotr-line)}
@media(max-width:900px){.kotr-player-grid,.kotr-map-list,.kotr-beat-list{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.kotr-case-nav{gap:4px 19px;margin-bottom:36px}.kotr-case-nav a{font-size:14px}.kotr-player-grid,.kotr-map-list,.kotr-beat-list,.kotr-access-grid,.kotr-artifact-grid{grid-template-columns:1fr}.kotr-process-figure{margin:25px 0!important}.kotr-process-figure figcaption a{margin-left:0;display:block}.kotr-player-grid{gap:28px}.kotr-map-list{gap:24px}.kotr-beat-list{gap:10px}.kotr-process-figure img{min-height:0}}

.kotr-research-plan{padding:28px 0;border-bottom:1px solid var(--kotr-line);max-width:920px}.kotr-research-plan ol,.kotr-details ol{padding-left:24px;color:#c2beb6}.kotr-research-plan li,.kotr-details li{padding:8px 0 8px 6px}.kotr-research-plan strong,.kotr-details strong{font-weight:400;color:#f4f1e9}