.natural-hero .note-hero-inner{max-width:900px}main.natural-page{--natural-ink: #171425;--natural-muted: #5b536e;--natural-hot: #e61381;--natural-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(--natural-ink)}.natural-toc{position:sticky;top:86px;display:grid;gap:.35rem;padding:.8rem;border-radius:20px;background:#0f0c1ceb;box-shadow:0 18px 50px #0f0c1c2e}.natural-toc a{color:#fff;text-decoration:none;font-weight:800;font-size:.88rem;padding:.7rem .8rem;border-radius:999px;background:#ffffff12}.natural-toc a:hover{background:#e613814d}.natural-content{display:grid;gap:1.15rem;min-width:0}.natural-card{background:#fffffff5;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}.natural-card h2{color:#111827;font-size:clamp(1.65rem,4vw,2.55rem);line-height:1.05;letter-spacing:-.04em;margin:.15rem 0 .85rem}.natural-card h3{color:#211735;margin:.2rem 0 .5rem;font-size:1.25rem}.natural-card p{color:var(--natural-muted);line-height:1.72;font-size:1.02rem}.natural-card .lead{font-size:1.14rem;max-width:52rem}.natural-start{background:linear-gradient(135deg,#fffffffa,#ffeff8f5)}.natural-grid,.contrast-grid,.ending-grid,.phrase-grid,.input-grid{display:grid;gap:.85rem;margin-top:1rem}.natural-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.natural-grid>div,.contrast-grid>section,.ending-grid>section,.phrase-grid>section,.input-grid>section{min-width:0;padding:1rem;border:1px solid rgba(124,58,237,.15);border-radius:20px;background:#7c3aed0d}.natural-grid strong{display:block;color:var(--natural-hot);font-size:1.1rem}.natural-grid span{display:block;color:var(--natural-muted);line-height:1.55;margin-top:.3rem}.natural-note{background:#1d1530;color:#fff!important;border-left:5px solid var(--natural-hot);border-radius:16px;padding:1rem;margin:1rem 0 0;font-weight:750}.type-label{text-transform:uppercase;font-size:.72rem!important;letter-spacing:.12em;font-weight:950;margin:0 0 .55rem!important;color:var(--natural-hot)!important}.contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-example{background:#211735;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:.85rem 1rem;margin-top:.75rem}.jp-example p{color:#fff8f2!important;-webkit-text-fill-color:#fff8f2;margin:0;font-size:1.13rem;font-weight:800}.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}.micro-note{margin:1rem 0 0;padding:.75rem .85rem;border-left:4px solid var(--natural-violet);background:#7c3aed14;border-radius:0 12px 12px 0;font-size:.93rem!important}.ending-card{background:linear-gradient(135deg,#fffffffa,#eef7fff5)}.ending-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ending-grid>section{background:#24a6cd0f;border-color:#24a6cd29}.ending-grid h3{color:var(--natural-hot);font-size:1.35rem}.chunk-card{background:linear-gradient(135deg,#fffffffa,#f5f0fff5)}.chunk-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}.chunk-steps div{display:flex;align-items:flex-start;gap:.55rem;min-width:0;padding:.75rem;border-radius:14px;background:#0f172a0a;color:var(--natural-muted);line-height:1.55}.chunk-steps b,.input-grid span{display:grid;place-items:center;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;border-radius:999px;background:var(--natural-hot);color:#fff;font-size:.82rem}.phrase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phrase-grid>section{padding:.85rem;background:#e613810b;border-color:#e6138124}.phrase-grid h3{color:var(--natural-hot);font-size:1.05rem}.phrase-grid p{margin:0;font-size:.9rem}.favor-card{background:linear-gradient(135deg,#fffffffa,#fff7edf0)}.input-card{background:linear-gradient(135deg,#fffffffa,#ecf8fff2)}.input-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.input-grid>section{background:#24a6cd0f;border-color:#24a6cd2b}.input-grid h3{color:var(--natural-hot);margin-top:.7rem}.input-grid p{margin-bottom:0;font-size:.94rem}.natural-card span[lang=ja]{font-weight:900}@media (max-width: 820px){main.natural-page{grid-template-columns:1fr;width:min(100% - 1rem,760px)}.natural-toc{top:64px;z-index:35;display:flex;overflow-x:auto;border-radius:16px}.natural-toc a{flex:0 0 auto;white-space:nowrap}}@media (max-width: 620px){main.natural-page{width:100%;padding-top:0}.natural-card{border-radius:0;border-left:0;border-right:0}.natural-toc{top:58px;border-radius:0}.natural-grid.three,.contrast-grid,.ending-grid,.chunk-steps,.input-grid{grid-template-columns:1fr}.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.natural-card p{font-size:1rem}}