/* Reading layers: warm paper, Bay Blue structure, copper for the coin method. */
.reading-studio-page .module-intro{max-width:960px;margin-inline:auto;padding-bottom:24px}
.studio-orientation{margin:20px auto 36px;padding:26px;background:#fffaf2;border:1px solid #d8d2c6;box-shadow:0 14px 38px #294b6510;max-width:1180px;color:#294b65}
.studio-orientation h2{font:30px/1.2 Georgia,serif;margin:0 0 12px}
.studio-route{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin:20px 0}
.studio-route a{display:flex;align-items:center;gap:20px;padding:24px;color:inherit;text-decoration:none;background:#e8f0f3;border:1px solid #c1d3dc;box-shadow:0 4px 0 #c1d3dc;transition:transform .18s,box-shadow .18s}
.studio-route a:last-child{background:#f6ebde;border-color:#dcc5b2;box-shadow:0 4px 0 #dcc5b2}
.studio-route a:hover{transform:translateY(-2px);box-shadow:0 6px 0 #c1d3dc}
.studio-route a:focus-visible,.studio-view-controls button:focus-visible,.studio-fold summary:focus-visible{outline:3px solid #487fa8;outline-offset:4px}
.studio-route img{width:90px;height:90px;object-fit:contain;flex:none}
.studio-route strong{display:block;font:25px/1.2 Georgia,serif;margin:8px 0}
.studio-route small,.studio-method-status{font-size:12px;letter-spacing:.07em;font-weight:700}
.studio-route p{margin:0;line-height:1.6;font-size:16px}
.studio-orientation>p{line-height:1.65;margin:14px 0 0;font-size:16px}
.studio-journey{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none;margin:20px 0}
.studio-journey li{flex:1;min-width:145px;border-top:2px solid #c99671;padding-top:12px;line-height:1.5}
.studio-journey b{display:block}
.reading-studio-page #reading-dialog{background:#fffaf2;color:#294b65;border:1px solid #d1c6b8;box-shadow:0 30px 90px #0d263c40}
.reading-studio-page #reading-dialog::backdrop{background:#183e56c4}
.studio-overview{padding:22px;background:#f4eadc;border-left:3px solid #b67c59;margin:24px 0;line-height:1.7}
.studio-overview strong{font:23px/1.3 Georgia,serif}
.studio-overview p{font-size:16px;margin:12px 0}
.studio-result-scene{margin:0 0 22px}
.studio-result-scene img{display:block;max-height:320px;width:100%;object-fit:contain;background:#ebe4d8}
.studio-result-scene figcaption{font-size:13px;line-height:1.5;margin-top:8px}
.studio-trigrams{font-size:14px!important}
.studio-fold{border:1px solid #d8d2c6;background:#fffcf7;margin:14px 0;padding:0 20px;border-radius:2px}
.studio-fold summary{cursor:pointer;font-weight:700;font-size:16px;line-height:1.5;padding:18px 0;color:#294b65}
.studio-fold[open]{padding-bottom:20px}
.studio-fold p{font-size:16px;line-height:1.7}
.studio-fold>p[lang^="zh"],.reading-line-note p[lang^="zh"]{font:21px/1.8 Georgia,"Songti SC","SimSun",serif}
.studio-learning{padding:24px;margin:28px 0;background:#e8f0f3;border-top:2px solid #487fa8;line-height:1.7}
.studio-learning a{display:block;margin:12px 0;font-size:16px;color:#294b65;text-underline-offset:4px}
.studio-learning p{font-size:14px}
.studio-line-ladder{max-width:380px;margin:24px auto;padding:20px;background:#e8f0f3;box-shadow:0 8px 22px #294b6515}
.studio-line-ladder span{display:flex;gap:20px;align-items:center;margin:10px 0;font-size:14px}
.studio-line-ladder i{display:inline-block;height:7px;background:#294b65;width:100px}
.studio-line-ladder span:last-child{color:#8f4a35;font-weight:700}
.tutorial-coin-stage{display:flex;align-items:center;gap:28px;margin:22px 0}
.tutorial-coin-stage .coin{transition:transform .45s}
.tutorial-coin-stage .coin-slot{width:90px;height:90px;flex:none}
.coin-outcome-key{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}
.coin-outcome-key span{padding:10px;background:#f4eadc}
.studio-view-controls{display:flex;gap:10px;margin:6px 0 20px;flex-wrap:wrap}
.studio-view-controls button{padding:12px 16px;background:#fffaf2;border:1px solid #b4c3cc;color:#294b65;cursor:pointer;font:inherit;font-size:15px}
.studio-view-controls button[aria-pressed="true"]{background:#294b65;color:#fffaf2;border-color:#294b65}
.studio-relation-view[hidden]{display:none}
.studio-relation-diagram{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;text-align:center;background:#f4eadc;padding:24px 16px}
.studio-relation-diagram p{margin-bottom:0;font-size:14px}
.studio-relation-label{font-size:14px;line-height:1.5;font-weight:700;border-block:1px solid #b67c59;padding:12px 0}
.studio-trigram{display:flex;flex-direction:column;gap:8px;width:78px;margin:0 auto 18px}
.studio-trigram i{display:block;height:8px;background:#294b65}
.studio-trigram .yin{background:linear-gradient(to right,#294b65 0 43%,transparent 43% 57%,#294b65 57% 100%)}
.reading-studio-page .moment-card{background:#fffaf2;border:1px solid #d8d2c6;box-shadow:0 14px 38px #294b6510;padding:28px}
.reading-studio-page .moment-head h3,.reading-studio-page .result-title-row h2{font-size:32px}
.reading-studio-page .moment-head p{font-size:16px;line-height:1.7}
@media(max-width:700px){.studio-route{grid-template-columns:1fr}.studio-route a{padding:20px 16px;gap:14px}.studio-route img{width:65px;height:65px}.studio-orientation{padding:22px 18px}.studio-relation-diagram{padding:20px 8px;gap:8px}.studio-relation-label{font-size:12px}.studio-trigram{width:62px}.studio-fold{padding-inline:15px}.studio-learning{padding:20px}.reading-studio-page .moment-card{padding:20px 16px}.tutorial-coin-stage{flex-wrap:wrap}.reading-studio-page .moment-head h3,.reading-studio-page .result-title-row h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.studio-route a,.tutorial-coin-stage .coin{transition:none}.studio-route a:hover{transform:none}}

/* Returning readers choose the operation first; the introduction stays available. */
.studio-quick-methods[hidden]{display:none}
.studio-quick-methods{max-width:1140px;margin:28px auto 18px;padding:24px 30px;border:1px solid #d6d8d3;background:#fffdf8;box-shadow:0 8px 24px #294b6509}
.studio-quick-methods h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;margin:10px 0}
.studio-quick-methods p{color:#4e5c64;max-width:65ch}
.studio-quick-methods nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.studio-quick-methods nav a{min-height:44px;padding:12px 18px;border:1px solid #b7c9d4;background:#f4f8fa;text-decoration:none;color:#294b65}
.studio-quick-methods nav a[aria-current="page"]{background:#294b65;color:#fff;border-color:#294b65}
.studio-quick-methods .studio-quick-help{font-size:.9rem;margin-bottom:0}
.studio-direct-entry .module-intro,.studio-direct-entry .studio-orientation,.studio-direct-entry #how{display:none}
.studio-direct-entry[data-reading-entry="coin"] #mei-hua,.studio-direct-entry[data-reading-entry="mei"] #cast{display:none}
.studio-direct-entry .context-purpose{display:none}
.studio-direct-entry .section{padding-top:28px}
.studio-direct-entry .mei-hua .section-intro{display:block;margin-bottom:24px}
.studio-direct-entry .mei-hua .section-intro h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;max-width:none;margin:8px 0}
.studio-direct-entry .mei-hua .section-intro h2 br{display:none}
.studio-direct-entry .mei-hua .section-intro p:not(.eyebrow){display:none}
@media(max-width:600px){.studio-quick-methods{margin:18px 16px;padding:20px}.studio-quick-methods nav a{flex:1;text-align:center}.studio-direct-entry .section{padding-top:20px}}