.quick-hero .note-hero-inner{max-width:900px}.quick-reference-page{--quick-ink: #171425;--quick-muted: #5b536e;--quick-hot: #e61381;--quick-violet: #7c3aed;width:min(100% - 2rem,1080px);margin:0 auto;padding:clamp(1.25rem,2.5vw,2.5rem) 0 4rem;display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start;color:var(--quick-ink)}.quick-toc{position:sticky;top:86px;display:grid;gap:.35rem;padding:.8rem;border-radius:20px;background:#0f0c1ceb;box-shadow:0 18px 50px #0f0c1c2e}.quick-toc a{color:#fff;text-decoration:none;font-weight:800;font-size:.88rem;padding:.7rem .8rem;border-radius:999px;background:#ffffff12}.quick-toc a:hover{background:#e613814d}.quick-content{display:grid;gap:1.15rem;min-width:0}.quick-card{background:#fffffff2;border:1px solid rgba(31,41,55,.1);border-radius:28px;box-shadow:0 18px 60px #0f172a1f;padding:clamp(1.15rem,3vw,2rem);overflow:hidden}.quick-card h2{color:#111827;font-size:clamp(1.65rem,4vw,2.55rem);line-height:1.05;letter-spacing:-.04em;margin:.15rem 0 .85rem}.quick-card h3{color:#211735;margin:.2rem 0 .5rem;font-size:1.35rem}.quick-card p{color:var(--quick-muted);line-height:1.72;font-size:1.02rem}.quick-card .lead{font-size:1.14rem;max-width:52rem}.rule-card{background:linear-gradient(135deg,#fffffffa,#ffeff8f5)}.rule-split,.matrix-grid,.location-examples,.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.type-card{border-radius:22px;padding:1.1rem;border:1px solid;min-width:0}.type-card.living{background:#7c3aed14;border-color:#7c3aed33}.type-card.object{background:#e6138112;border-color:#e613812e}.type-label,.matrix-column header p{text-transform:uppercase;font-size:.72rem!important;letter-spacing:.12em;font-weight:950;margin:0!important;color:var(--quick-hot)!important}.type-card h3,.matrix-column h3{font-size:clamp(2rem,6vw,3.25rem);line-height:1}.memory-hook,.say-it,.finish-line{background:#1d1530;color:#fff!important;border-left:5px solid var(--quick-hot);border-radius:16px;padding:1rem;margin:1rem 0 0;font-weight:750}.matrix-key{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.matrix-key span{background:#7c3aed14;color:var(--quick-muted);border-radius:999px;padding:.45rem .7rem;font-size:.86rem}.matrix-column{border-radius:22px;overflow:hidden;border:1px solid rgba(31,41,55,.1)}.matrix-column header{padding:1rem 1rem .75rem}.living-column header{background:#7c3aed1a}.object-column header{background:#e6138114}.form-row{display:grid;grid-template-columns:5.7rem minmax(0,1fr);gap:.7rem;padding:.9rem 1rem;border-top:1px solid rgba(31,41,55,.09);align-items:center}.form-row:nth-child(odd){background:#0f172a06}.form-label{color:var(--quick-hot);font-weight:900;font-size:.82rem}.form-row p,.jp-example p{color:#fff8f2!important;-webkit-text-fill-color:#fff8f2;margin:0;font-size:1.18rem;font-weight:800}.form-row small{color:#ffcae0;font-size:.86rem}.form-row>div{background:#211735;border-radius:12px;padding:.55rem .7rem;min-width:0}.jp-example{background:#211735;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:.85rem 1rem;margin-top:.75rem}.jp-example ruby,.jp-example rb,.jp-example .manual-ruby{color:#fff8f2!important;-webkit-text-fill-color:#fff8f2}.jp-example rt{color:#ff9ccb!important;-webkit-text-fill-color:#ff9ccb;font-size:.55em;font-weight:900}.jp-example .gloss{color:#ffd3e8!important;-webkit-text-fill-color:#ffd3e8;font-size:.9rem;line-height:1.55;font-weight:500;margin-top:.35rem}.pattern-line{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0;padding:.85rem 1rem;border-radius:14px;background:#7c3aed14;color:var(--quick-muted);font-weight:750}.pattern-line b{color:var(--quick-hot);font-size:1.25rem}.small-note{border-left:4px solid var(--quick-violet);padding-left:1rem}.use-grid>div{min-width:0}.suru-column header{background:#5bc4a024}.suru-examples{background:#0f172a09;border:1px solid rgba(31,41,55,.09);border-radius:22px;padding:1rem;min-width:0}.form-comparison{margin-top:1rem;display:grid;gap:1px;overflow:hidden;border:1px solid rgba(31,41,55,.12);border-radius:18px;background:#1f29371f}.form-comparison>div{display:grid;grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:.5rem;align-items:center;padding:.75rem;background:#fff;color:var(--quick-muted);font-size:.9rem}.form-comparison>div:first-child{background:#211735;color:#fff8f2;font-weight:900}.form-comparison strong{color:var(--quick-hot);font-weight:950}.form-comparison>div:first-child strong{color:#fff8f2}.quick-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.quick-pattern-grid>section{min-width:0;padding:1rem;border-radius:20px;border:1px solid rgba(124,58,237,.14);background:#7c3aed0e}.quick-pattern-grid>section h3{color:var(--quick-hot)}.quick-pattern-grid>section>p{margin:.25rem 0 .65rem;font-size:.94rem}.quick-pattern-grid .jp-example{margin-top:.55rem}.quick-pattern-grid ruby,.quick-pattern-grid rb{color:inherit}.quick-pattern-grid rt{color:var(--quick-hot);font-size:.55em;font-weight:900}.check-card ol{display:grid;gap:.75rem;padding-left:1.35rem}.check-card li{color:var(--quick-muted);line-height:1.65;padding-left:.3rem}.quick-card span[lang=ja],.quick-card strong[lang=ja]{font-weight:900}@media (max-width: 820px){.quick-reference-page{grid-template-columns:1fr;width:min(100% - 1rem,760px)}.quick-toc{top:64px;z-index:35;display:flex;overflow-x:auto;border-radius:16px}.quick-toc a{flex:0 0 auto;white-space:nowrap}}@media (max-width: 620px){.quick-reference-page{width:100%;padding-top:0}.quick-card{border-radius:0;border-left:0;border-right:0}.quick-toc{top:58px;border-radius:0}.rule-split,.matrix-grid,.location-examples,.use-grid,.quick-pattern-grid{grid-template-columns:1fr}.quick-card p{font-size:1rem}.form-row{grid-template-columns:5rem minmax(0,1fr);padding-inline:.8rem}.form-comparison{overflow-x:auto}.form-comparison>div{min-width:520px}}