@font-face{font-family:RequestSerif;src:url(assets/REQUEST_SERIF_COMPLETE.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RequestSans;src:url(assets/REQUEST_SANS_COMPLETE.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#293441;--muted:#5d6670;--line:#dde2e8;--accent:#355b83;--paper:#f6f8fb;--serif:RequestSerif,'Yu Mincho',serif;--sans:RequestSans,'Yu Gothic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #a76b23;outline-offset:4px}.skip{position:absolute;left:15px;top:-100px;background:#fff;padding:10px;z-index:9}.skip:focus{top:10px}header{height:72px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--serif);font-size:25px;letter-spacing:2px}.brand span{font-family:var(--sans);font-size:13px;letter-spacing:.04em;margin-left:20px}.header-right{display:flex;gap:24px;align-items:center;font-size:14px}.prototype{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 9px}main{max-width:1366px;margin:auto;padding:23px 48px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:13px;letter-spacing:.12em;margin:0 0 5px;color:var(--accent)}h1{font:normal 30px/1.5 var(--serif);margin:0}.intro>p{font-size:14px;color:var(--muted);margin:0}.dashboard{display:grid;grid-template-columns:300px 1fr;gap:30px}.nav-label{font-size:13px;letter-spacing:.07em;margin:0 0 9px;color:var(--muted)}.themes button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 14px;font-size:16px;line-height:1.5;min-height:53px}.themes button span{display:block;font-size:12px;color:var(--muted)}.themes button[aria-pressed=true]{background:#eef3f9;box-shadow:inset 3px 0 var(--accent)}.themes button:hover{background:var(--paper)}.recommendation{background:var(--paper);padding:19px 28px 13px;min-width:0}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.card-top>span{font-size:13px;color:var(--muted)}h2{font-family:var(--serif);font-weight:400}#card-title{font-size:29px;line-height:1.45;margin:8px 0 6px}#description{margin:0;max-width:650px;font-size:15px}.pathway{margin:14px 0 17px;border-top:1px solid #dbe2ec;padding-top:10px}.diagram-label{font-size:11px;color:var(--muted);letter-spacing:.08em}.pathway ol{display:flex;list-style:none;padding:0;margin:4px 0 0;gap:22px}.pathway li{position:relative;flex:1;min-width:0}.pathway li+li:before{content:'→';position:absolute;left:-20px;top:11px;color:#8996a5}.pathway small{display:block;font-size:12px;color:var(--muted)}.pathway strong{font-weight:400;font-family:var(--serif);font-size:18px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary{background:var(--accent);color:#fff;padding:9px 18px;font-size:15px;display:inline-flex;gap:20px;align-items:center}.secondary{font-size:14px}.selection-note{font-size:11px;color:var(--muted);margin:12px 0 0}.overview{border-top:1px solid var(--line);margin-top:23px;padding-top:12px}.overview-heading{display:flex;align-items:center;gap:18px}.overview-heading h2{font-size:19px;margin:0}.overview-heading p{font-size:12px;color:var(--muted);margin:0}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:10px}.overview h3{font-size:14px;font-weight:400;margin:0 0 7px;color:var(--accent)}.overview a{display:block;font-size:14px;line-height:1.5;margin:0 0 8px}.overview a span{display:block;font-size:11px;color:var(--muted)}.paired a{font-size:12px;margin:0 0 4px}footer{max-width:1366px;margin:13px auto 0;padding:9px 48px 13px;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:12px}footer span{color:var(--muted);flex:1}#guide-open{border:1px solid var(--line);background:white;padding:5px 12px;border-radius:20px;color:var(--accent);font-size:13px}#guide{position:fixed;z-index:5;right:22px;bottom:22px;width:310px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #cbd6e4;box-shadow:0 5px 28px #203b5a18;border-radius:15px;padding:18px;opacity:0;transform:translateX(12px);transition:opacity .8s ease,transform .8s ease}#guide.visible{opacity:1;transform:translateX(0)}#guide[hidden]{display:none}.guide-status{font-size:11px;color:var(--muted);margin:0 0 5px}.guide-question{font:19px/1.5 var(--serif);margin:0 0 13px}#guide>button:not(.dismiss){width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:#fff;padding:8px 0;color:var(--accent);font-size:14px}.guide-note{font-size:11px;color:var(--muted);margin:7px 0}.dismiss{border:0;background:transparent;color:var(--muted);font-size:12px;padding:0}.highlight{outline:2px solid #a8b9ce;outline-offset:5px}
@media(max-width:1000px){header{padding:0 24px}.brand span{display:none}main{padding:22px 24px 0}.dashboard{grid-template-columns:260px 1fr;gap:20px}.pathway ol{gap:20px}.pathway strong{font-size:16px}footer{padding-left:24px;padding-right:24px}.overview-grid{gap:20px}.intro>p{max-width:260px}}
@media(max-width:700px){header{height:auto;min-height:64px;padding:12px 20px}.brand{font-size:22px}.header-right>a{display:none}.prototype{font-size:10px}main{padding:22px 20px 0}.intro{display:block;margin-bottom:20px}h1{font-size:26px}.intro>p{margin-top:10px;max-width:none;font-size:14px}.dashboard{display:block}.themes{margin-bottom:20px}.themes button{min-height:52px;padding:8px 12px}.themes button span{font-size:12px}.recommendation{padding:20px 18px}#card-title{font-size:25px}#description{font-size:15px}.card-top{align-items:flex-start}.card-top>span{font-size:12px}.pathway ol{display:block}.pathway li{padding:5px 0 5px 24px}.pathway li+li:before{content:'↓';left:0;top:12px}.pathway li:first-child:before{content:'・';position:absolute;left:0;top:12px}.pathway strong{font-size:18px}.actions{gap:16px;align-items:stretch;flex-direction:column}.primary{justify-content:space-between}.selection-note{font-size:12px}.overview{margin-top:24px}.overview-heading{display:block}.overview-heading p{margin-top:4px}.overview-grid{grid-template-columns:1fr;gap:14px}.overview-grid section{border-bottom:1px solid var(--line);padding-bottom:10px}.overview h3{font-size:16px}.overview a{font-size:16px;min-height:44px}.overview a span{font-size:13px}.paired a{font-size:14px}footer{flex-wrap:wrap;padding:14px 20px}footer span{font-size:11px;flex-basis:70%}#guide{bottom:16px;right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#guide{transition:none;transform:none}}

/* Current /rest canonical model: hips (375,516) sit on the guide edge. */
.hobiroa{position:absolute;right:0;bottom:calc(100% - 28.8px);width:132px;height:132px;pointer-events:none}
.hobiroa-model{display:block;width:132px;height:132px;overflow:visible}
@media(min-width:1100px){#card-title{font-size:27px;margin:10px 0 12px}#card-title br{display:none}.pathway{margin:17px 0 20px;padding-top:13px}.recommendation{display:flex;flex-direction:column;justify-content:center}.selection-note{margin-top:16px}}
/* Illustrated first recommendation: retain the dashboard, replace a text-only diagram. */
.scene-illustration{display:none}.illustrated #content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:center}.illustrated .pathway{display:none}.illustrated #card-title{font-size:28px;line-height:1.55;margin:12px 0 13px}.illustrated #card-title br{display:initial}.illustrated #description{font-size:15px;line-height:1.9}.illustrated .actions{margin-top:23px;gap:13px;align-items:flex-start;flex-direction:column}.illustrated .scene-illustration{display:block;margin:0;min-width:0}.scene-illustration img{width:100%;height:235px;object-fit:contain;display:block}.scene-illustration figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:3px}.illustrated .selection-note{margin-top:13px}.illustrated{background:#faf9f6}.illustrated .primary{white-space:normal}
@media(max-width:1000px){.illustrated #content{grid-template-columns:1fr}.scene-illustration img{height:200px}.illustrated .scene-illustration{grid-row:1}.illustrated #card-title{font-size:26px}.illustrated .actions{margin-top:16px}}@media(max-width:700px){.illustrated #content{gap:10px}.scene-illustration img{height:210px}.illustrated #card-title{font-size:25px;line-height:1.5}.illustrated #description{font-size:15px}.illustrated .actions{align-items:stretch}}

@media(min-width:1100px){.illustrated #card-title{font-size:27px;line-height:1.5;margin:10px 0 12px}.illustrated #description{line-height:1.75}.illustrated .actions{flex-direction:row;align-items:center;gap:16px;margin-top:20px}.illustrated .primary{font-size:14px;padding:9px 13px;gap:12px}.illustrated .secondary{font-size:13px}}
@media(min-width:1100px){.illustrated .primary{font-size:15px}.illustrated .secondary{font-size:14px}}

.reading-paths{display:none}.illustrated .reading-paths{display:block;margin-top:16px}.illustrated .actions{display:none}.reading-tabs{display:flex;gap:5px;border-bottom:1px solid #d8e1ec}.reading-tabs button{flex:1;border:0;background:transparent;padding:8px 5px;color:var(--ink);font-size:14px;min-height:44px;white-space:nowrap}.reading-tabs button[aria-selected=true]{box-shadow:inset 0 -2px var(--accent);background:#f0f4fa;color:var(--accent)}#path-panel{padding-top:8px}#path-copy{font-size:15px;line-height:1.7;margin:0 0 8px}#path-link{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}#path-caveat{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 0}@media(max-width:700px){.reading-tabs button{font-size:14px;padding:8px 3px}.illustrated #card-title{margin-top:6px}#path-copy{font-size:15px}}

.illustrated .selection-note{display:none}@media(min-width:1100px){.illustrated #card-title{margin:8px 0 10px}.illustrated .reading-paths{margin-top:11px}.reading-tabs button{font-size:14px;padding:7px 3px}#path-panel{padding-top:7px}}

#try-followup{margin-top:10px;font-size:14px;line-height:1.75}#try-followup summary{color:var(--accent);cursor:pointer;min-height:36px}#try-followup p{margin:8px 0}#try-followup summary:focus-visible{outline:3px solid #a76b23;outline-offset:4px}

.concept-preview{display:none}.no-scene .scene-illustration{display:none}.no-scene .concept-preview{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:235px;margin:0 0 0 12px;padding:20px 22px;border-left:1px solid #dce3eb;background:#fff}.concept-preview>p{font-size:12px;color:var(--muted);margin:0 0 10px}.concept-preview>div{font-family:var(--serif);font-size:23px;line-height:1.6}.concept-preview>span{font-size:12px;color:var(--accent);padding:8px 0;border-bottom:1px solid #e3e7ed}.no-scene #card-title{font-size:26px}.no-scene #path-caveat{font-size:12px}@media(max-width:1000px){.no-scene .concept-preview{min-height:0;margin:0;padding:16px 18px;border-left:0;border-top:1px solid #dce3eb}.concept-preview>div{font-size:21px}.no-scene #card-title{font-size:25px}}

#example-choices>p{font-size:13px;margin:0 0 6px;color:var(--accent)}#example-choices small{font-size:11px;color:var(--muted);margin-left:8px}#example-choices>div{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}#example-choices button{font-size:13px;border:1px solid #d5deea;color:var(--ink);background:white;min-height:40px;padding:5px 8px}#example-choices button[aria-pressed=true]{background:#edf3fa;border-color:#355b83}#example-choices button:focus-visible{outline:3px solid #a76b23;outline-offset:3px}

.examples-mode .concept-preview>p,.examples-mode #concept-first,.examples-mode #concept-second,.examples-mode .concept-preview>span{display:none}.examples-mode #example-choices>div{flex-direction:column;gap:9px}.examples-mode #example-choices button{text-align:left;min-height:44px;font-size:15px;padding:8px 12px}.examples-mode #example-choices small{display:block;margin:5px 0 10px}.examples-mode .concept-preview{padding:20px 22px}

#example-choices>p strong{display:block;font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink);line-height:1.5;margin:3px 0 8px}#example-choices>p span{display:block;font-size:14px;color:var(--muted);margin-bottom:10px}.examples-mode #example-choices small{margin:0 0 5px;font-size:11px}


/* Persistent nav guide: retain a clear touch-sized way to dismiss. */
#guide-dismiss{min-height:44px;min-width:72px;padding:7px 8px;margin-left:-8px;margin-bottom:-8px;font-size:14px;text-decoration:underline;text-underline-offset:3px}

/* Optional word lookup: no arbitrary-input font subsetting; keep existing choices. */
.word-search-active > :not(#word-search){display:none!important}
#word-search[hidden]{display:none}#word-search{font-family:system-ui,sans-serif;font-weight:400;min-width:0}
.word-search-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.word-search-heading h2{font-family:var(--serif);font-size:25px;margin:0}
#word-search p{margin:10px 0;font-size:15px;line-height:1.7}#word-search button{font-family:system-ui,sans-serif;font-weight:400;font-size:14px;color:var(--accent);background:#fff;border:1px solid #cbd6e4;border-radius:5px;padding:9px 12px;min-height:44px}
#word-search-form label{display:block;font-size:14px;margin:10px 0 6px}#word-search-input{display:block;width:100%;max-width:100%;min-height:74px;resize:vertical;border:1px solid #a6b6c8;border-radius:5px;padding:10px;font:400 16px/1.6 system-ui,sans-serif;background:#fff;color:var(--ink)}
#word-search-input:focus-visible{outline:3px solid #a76b23;outline-offset:3px}#word-search-form>button{margin-top:9px;background:var(--accent);color:#fff}
#word-search #word-search-note,#word-search .search-method{font-size:12px;color:var(--muted)}#word-search-results{margin-top:12px;border-top:1px solid var(--line);overflow-wrap:anywhere}#word-search-results:empty{display:none}.word-search-result>a,#word-search-results>a{display:inline-block;color:var(--accent);text-decoration:underline;text-underline-offset:4px;min-height:36px;padding:5px 0}.word-search-result p{margin-top:0!important}.word-search-choices{display:flex;flex-wrap:wrap;gap:8px}#word-search-all{margin-top:12px}
@media(max-width:700px){.word-search-heading{align-items:flex-start}.word-search-heading h2{font-size:23px}.word-search-heading button{flex-shrink:0}#word-search p{font-size:15px}}

/* Concrete lookup results: separate up to three short, readable suggestions. */
.word-search-result{padding:11px 0;border-bottom:1px solid var(--line)}.word-search-result>a{font-size:16px;line-height:1.55}.word-search-result small{font-size:12px;color:var(--muted)}#word-search-results .word-search-result p{font-size:14px;line-height:1.65;margin:6px 0}