.start-shell{margin:5px 0 35px;border:1px solid #a8beb0;border-radius:24px;background:#e1e9dc;padding:32px;scroll-margin-top:20px}.start-head{display:flex;justify-content:space-between;gap:22px;align-items:start}.start-head h2{font-size:2.3rem;max-width:20em}.support-language{font-size:.78rem;max-width:240px;min-width:170px}.support-language select{display:block;width:100%;padding:9px;border:1px solid #9eb6a5;border-radius:9px;background:var(--surface);color:var(--ink)}.tour-routes{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tour-routes button{font-size:.85rem}.tour-content{background:#f7f5eb;border-radius:16px;padding:24px;max-width:76ch}.tour-content h3{font:1.6rem Georgia,serif}.tour-content p{max-width:65ch}.tour-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.three-steps{display:flex;gap:24px;align-items:center;font-size:2.3rem;color:#367b70;margin-bottom:16px}.plain-card{margin:24px 0;padding:27px;background:#dfe8dc;border:1px solid #a8bfae;border-radius:18px}.plain-card h3{font:1.7rem Georgia,serif}.plain-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}.plain-fields>div:first-child{grid-column:1/-1;font-size:1.15rem}.plain-fields h4{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;color:#3c6259}.plain-fields p{margin:0}.plain-fields>div{padding:14px 0;border-bottom:1px solid #b6c9b8}.plain-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.plain-actions button{font-size:.85rem}.word-chips{margin:18px 0;line-height:2.5}.word-chips button{font-size:.78rem;padding:4px 10px;min-height:40px;border-radius:30px}.word-chips>span{font-size:.8rem}.plain-card label{font-size:.85rem}.plain-card select{max-width:100%;min-width:0;padding:9px;border:1px solid #a9bdb5;border-radius:8px;background:var(--surface);font:inherit;color:var(--ink)}.plain-card .small{margin:14px 0 0}.support-dialog{width:min(820px,calc(100% - 30px));max-height:88vh;border:1px solid #a0b8ac;border-radius:20px;padding:26px;background:var(--surface);color:var(--ink);overflow:auto}.support-dialog::backdrop{background:#1e3b4666}.support-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:start}.support-dialog h2{font-size:1.8rem}.support-dialog .help-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.help-nav button,.help-example-buttons button{font-size:.83rem}.help-word{border-top:1px solid var(--line);padding-top:15px}.help-word h3{margin-bottom:8px}.help-example-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.number-help{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.number-help summary{font-weight:600;cursor:pointer;font-size:.88rem}.number-help>div{margin-top:17px}.one-event{width:70px;height:70px;border:2px solid #428075;border-radius:50%;display:grid;place-items:center;font-size:2.3rem;margin-bottom:15px}.ingredient-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:330px;margin:18px 0}.ingredient-grid i{aspect-ratio:1;border:2px solid #49867d;border-radius:50%;background:transparent}.ingredient-grid .filled{background:#49867d}.shape-explainer{display:flex;gap:30px;text-align:center;margin:18px 0}.shape-explainer figure{margin:0;flex:1;min-width:0}.shape-explainer svg{display:block;width:100%;max-width:110px;margin:auto}.shape-explainer figcaption{font-size:.8rem;color:var(--ink);line-height:1.5;margin-top:8px}.unit-path{font-size:1.7rem;font-weight:700;color:#33766e;margin:20px 0}.unit-path span{padding:0 10px}.switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.switch-grid span,.archive-tabs span{padding:10px;border:1px solid #a3b9a7;border-radius:9px;background:#e4ebdc;text-align:center}.archive-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.connection-controls{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.connection-controls label{font-size:.85rem}.connection-controls select{display:block;max-width:100%;padding:10px;border:1px solid #a4b9af;border-radius:10px;background:var(--surface);color:var(--ink)}.connection-graphic{padding:26px;border:1px solid var(--line);border-radius:18px;background:#e2e9de}.map-center{background:#346f68;color:white;border-radius:50px;padding:17px 26px;width:max-content;max-width:100%;font-size:1.2rem}.map-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.map-branches a{display:block;text-decoration:none;border:1px dashed #7c9a89;padding:15px;border-radius:14px;background:#f5f2e8;color:var(--ink)}.map-branches span{color:#398070}.evidence-chain{display:grid;grid-template-columns:1fr 35px 2fr;gap:20px;align-items:center;margin-bottom:20px}.evidence-chain>div{background:#f6f4e9;border:1px solid #a0b6a6;border-radius:14px;padding:22px}.evidence-chain>span{font-size:2rem;color:#377b70}.evidence-chain p{margin-top:10px}.first-reader{padding:26px;border:1px solid var(--line);border-radius:18px;background:#e7e5d7;margin:50px 0 0}.first-reader summary{cursor:pointer;font-weight:600}.first-reader h2{font-size:1.8rem;margin-top:20px}.first-reader li{margin:12px 0}.first-reader label{display:block;font-size:.9rem}.first-reader .actions{margin:12px 0}#feedback-export{font-size:.85rem}.focus-exit{position:fixed;top:10px;right:15px;z-index:9;box-shadow:0 5px 20px #1d424033}.reader-focus .lib-head,.reader-focus main>section:not(#reading-room),.reader-focus .welcome-strip,.reader-focus footer,.reader-focus #first-reader{display:none}.reader-focus #reading-room{padding-top:70px}.reader-focus main{max-width:1100px}.reader-focus #reading-room>.section-heading{display:none}
@media(max-width:780px){.start-head{display:block}.support-language{margin-top:20px;max-width:300px}.map-branches{grid-template-columns:1fr 1fr}.evidence-chain{grid-template-columns:1fr}.evidence-chain>span{transform:rotate(90deg);justify-self:center}.plain-fields{grid-template-columns:1fr}.plain-fields>div:first-child{grid-column:auto}}
@media(max-width:620px){.start-shell,.plain-card,.connection-graphic,.first-reader{padding:22px}.start-head h2{font-size:1.95rem}.tour-content{padding:20px}.tour-routes{display:grid}.tour-routes button{justify-content:start;text-align:left}.map-branches{grid-template-columns:1fr}.three-steps{gap:15px}.unit-path{font-size:1.4rem}.support-dialog{padding:20px}.support-dialog header{align-items:center}.support-dialog h2{font-size:1.5rem}.focus-exit{max-width:calc(100% - 30px);font-size:.8rem}.first-reader .actions{display:grid}.ingredient-grid{gap:4px}}
@media print{.tour-controls,.tour-routes,.support-language,.plain-actions,.word-chips,.support-dialog,.focus-exit,.connection-controls,.first-reader{display:none!important}.plain-fields{display:block}.start-shell,.plain-card,.connection-graphic{background:white;break-inside:avoid}.number-help>div{display:block!important}}