:root{color-scheme:light;--ink:#34423b;--muted:#59675e;--sage:#dae5da;--paper:#f5f3ed;--line:#cbd1c8;--rose:#915566}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}.guide-width{max-width:1060px;margin:auto;padding:24px}header{background:#e3ebe2;border-bottom:1px solid var(--line)}header a,a{color:#315e50;text-underline-offset:3px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-top:30px}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:12px 0 18px;letter-spacing:-.035em}h2{line-height:1.3;font-size:1.3rem;margin:0 0 12px}h3{font-size:1.05rem;margin:22px 0 7px}p{margin:10px 0}.muted{color:var(--muted);font-size:.9rem}.welcome{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding:12px 0 28px}.route{list-style:none;padding:0;margin:0;display:grid;gap:9px;align-content:center}.route li{background:white;padding:10px 15px;border-radius:12px}.route b{display:inline-grid;place-items:center;background:var(--sage);width:30px;height:30px;border-radius:50%;margin-right:9px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end;padding:20px;background:white;border:1px solid var(--line);border-radius:16px}label{font-size:.85rem;font-weight:650;display:block}input,select,button{font:inherit;border:1px solid #88978b;border-radius:9px;min-height:46px;padding:10px;background:#fff;color:var(--ink);width:100%;margin-top:5px;min-width:0}button{cursor:pointer;font-size:.9rem;background:#e5e2d7}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #377982;outline-offset:4px}#guideCount{font-size:.9rem;color:var(--muted);margin:18px 0}#guideList{display:grid;gap:12px}.feature{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;scroll-margin-top:18px}.feature>summary{list-style:none;padding:21px;cursor:pointer;display:flex;gap:15px;align-items:start}.feature>summary::-webkit-details-marker{display:none}.feature>summary::before{content:'+';font-size:26px;line-height:1.2;color:#627a66}.feature[open]>summary::before{content:'−'}.feature>summary strong{display:block;font-size:1.15rem}.feature>summary .teaser{display:block;margin-top:7px;font-size:.94rem;font-weight:400}.feature>summary .group{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px}.badge{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:.72rem;background:#e4ece1;margin-left:auto;flex-shrink:0}.badge.planned{background:#f2e5c9}.badge.limited{background:#eee0e4}.feature-body{padding:0 24px 24px;border-top:1px solid #e8ebe4}.feature-body ol{padding-left:24px}.feature-body li{padding:3px 0}.example{padding:16px 20px;background:#eef3eb;border-left:4px solid #6c8b73;border-radius:0 12px 12px 0;margin:20px 0}.example h3{margin-top:0}.visual{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.visual div{padding:14px 12px;border:1px solid #b6c6b4;background:#fafcf8;border-radius:12px}.visual span{display:block;font-size:.8rem;color:var(--muted)}.visual strong{display:block;font-size:1rem;margin-top:5px}.visual-caption{font-size:.8rem;color:var(--muted)}.limits{font-size:.95rem}.test-links{margin-top:22px;border-top:1px solid var(--line);padding-top:12px}.test-links summary{cursor:pointer;font-size:.88rem;font-weight:600}.test-links li{font-size:.83rem;overflow-wrap:anywhere}.test-links p{font-size:.85rem}.permalink{font-size:.85rem;display:inline-block;margin-top:14px}.guide-note{border-top:1px solid var(--line);padding-top:26px;margin-top:30px;font-size:.9rem}footer{color:var(--muted);font-size:.85rem}.dev-label{margin:0;background:#c9152e;color:white;text-align:center;font-weight:bold;font-size:.8rem;padding:4px} [hidden]{display:none!important}@media(max-width:700px){.guide-width{padding:20px 16px}.welcome{grid-template-columns:1fr;gap:12px}.filters{grid-template-columns:1fr 1fr;padding:15px}.filters label:first-child{grid-column:1/-1}.filters button{grid-column:1/-1}.feature>summary{padding:17px 14px;flex-wrap:wrap;gap:10px}.feature>summary .summary-text{flex:1;min-width:0}.badge{margin-left:30px}.feature-body{padding:0 16px 20px}.visual{grid-template-columns:1fr}.visual div{display:flex;gap:12px;align-items:center}.visual span{min-width:60px}.visual strong{margin:0}.route{gap:6px}}
@media print{header a,.filters,#guideTestNote,.test-links,.permalink{display:none}.feature{break-inside:avoid}body{font-size:12pt;background:white}}

.guide-group,.guide-category,.guide-method{border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}.guide-group>summary,.guide-category>summary,.guide-method>summary{cursor:pointer;padding:16px}.guide-group>summary{background:#e3ebe2;border-radius:14px;font-size:1.2rem}.folder-count{display:block;font-size:.8rem;color:var(--muted);margin-left:18px}.folder-body{display:grid;gap:12px;padding:12px}.guide-category>summary{font-size:1.05rem}.guide-method>summary{background:#f5f3ed;border-radius:14px}@media(max-width:700px){.folder-body{padding:8px;gap:8px}.feature>summary .badge{margin-left:0}}