body.essentials-body{color:var(--ink);background:linear-gradient(90deg,rgba(16,17,22,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(16,17,22,.028) 1px,transparent 1px),radial-gradient(circle at 12% 8%,rgba(52,199,89,.12),transparent 24rem),radial-gradient(circle at 86% 14%,rgba(255,79,184,.09),transparent 24rem),linear-gradient(180deg,#fffdfa 0%,var(--paper-cool) 76%,#f6f2ed 100%);background-size:44px 44px,44px 44px,auto,auto,auto}.essentials-body .site-header{background:#fffdfae0}.essentials-page{width:min(1180px,calc(100% - clamp(1.2rem,5vw,7rem)));margin:0 auto;padding:clamp(2rem,4vw,4rem) 0 clamp(4rem,8vw,7rem)}.essentials-hero{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(19rem,.65fr);gap:clamp(1.8rem,4vw,4.2rem);align-items:end;min-height:auto;padding:clamp(1rem,2vw,2rem) 0 clamp(2rem,4vw,3.4rem);border-bottom:1px solid var(--line)}.hero-rule{position:absolute;top:0;left:0;width:min(13rem,38vw);height:4px;background:linear-gradient(90deg,var(--mc-green),var(--mc-yellow),var(--mc-blue),var(--mc-orange),var(--mc-violet),var(--mc-red),var(--mc-pink))}.kicker,.axis-number,.spread-meta,.axis-tags,.spread-link-label,.footer-note{font-family:Space Mono,JetBrains Mono,Consolas,monospace}.kicker{margin-bottom:.8rem;color:var(--ink-muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.essentials-hero h1{max-width:100%;margin-bottom:.7rem;font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-size:clamp(3.1rem,6.4vw,5.8rem);font-weight:700;line-height:.9;letter-spacing:0}.hero-subtitle{margin-bottom:0;color:var(--ink);font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:700}.essentials-body--en .hero-subtitle{font-size:clamp(1.45rem,2.45vw,2.25rem);line-height:1.08}.hero-text{max-width:34rem;padding:clamp(1.2rem,3vw,2rem);border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--mc-green),var(--mc-yellow),var(--mc-blue),var(--mc-orange),var(--mc-violet),var(--mc-red),var(--mc-pink)) 1;background:#ffffff85;box-shadow:var(--shadow-soft)}.connect-section h2{font-size:clamp(1.55rem,2.3vw,2.35rem);text-wrap:balance}.hero-text p{margin-bottom:1rem;color:var(--ink);font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:700}.hero-text p:last-child{margin-bottom:0;color:var(--ink-muted);font-weight:500}.section-panel,.axes-section,.reflections-section{margin-top:clamp(3rem,7vw,6rem)}.section-panel{position:relative;display:grid;grid-template-columns:minmax(12rem,.36fr) minmax(0,.64fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.6rem,4vw,3rem);border:1px solid var(--line);background:#ffffffb8;box-shadow:var(--shadow-soft)}.section-panel:before{content:"";position:absolute;top:clamp(1.6rem,4vw,3rem);bottom:clamp(1.6rem,4vw,3rem);left:calc(36% - clamp(.75rem,2vw,2rem));width:1px;background:var(--line);opacity:.8}.section-panel h2,.section-heading h2{margin-bottom:0;font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-size:clamp(1.7rem,3.4vw,3rem);line-height:1.12}.essentials-heading-lines{display:block}.essentials-heading-line{display:block;white-space:nowrap}.section-panel .kicker,.section-panel h2{grid-column:1}#what-title{font-size:clamp(1.75rem,3vw,2.55rem)}.essentials-body--en #what-title{font-size:clamp(1.65rem,2.55vw,2.2rem)}.what-is{margin-top:clamp(1.2rem,4.2vw,3.9rem)}@media(min-width:1081px){.section-panel h2{transform:translateY(-.65rem)}}.section-copy{grid-row:1 / span 2;grid-column:2;color:var(--ink-muted);font-size:clamp(1rem,1.3vw,1.14rem)}.section-copy p:last-child{margin-bottom:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.3rem,3vw,2.2rem);padding-bottom:1rem;border-bottom:1px solid var(--line)}.section-heading .kicker{order:2;margin-bottom:.25rem}.axis-grid,.reflection-list,.axis-tags{margin:0;padding:0;list-style:none}.axis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.axis-card{display:grid;align-content:start;min-height:100%;padding:clamp(1.2rem,2.4vw,1.8rem);border:1px solid var(--line);background:#ffffffc7}.axis-number{margin-bottom:1.3rem;color:var(--ink-soft);font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-size:clamp(1.6rem,3vw,2.4rem);font-style:italic;line-height:1;opacity:.65}.axis-card h3{margin-bottom:1rem;font-family:Georgia,Times New Roman,"Noto Serif JP",serif;font-size:clamp(1.25rem,2vw,1.65rem)}.axis-copy{color:var(--ink-muted);font-size:.94rem}.axis-copy p{white-space:pre-line}.axis-copy p:last-child{margin-bottom:0}.axis-card:nth-child(1){background:linear-gradient(135deg,color-mix(in srgb,var(--mc-green) 5%,transparent),transparent 42%),#ffffffc7}.axis-card:nth-child(2){background:linear-gradient(135deg,color-mix(in srgb,var(--mc-blue) 5%,transparent),transparent 42%),#ffffffc7}.axis-card:nth-child(3){background:linear-gradient(135deg,color-mix(in srgb,var(--mc-red) 5%,transparent),transparent 42%),#ffffffc7}.axis-card:nth-child(4){background:linear-gradient(135deg,color-mix(in srgb,var(--mc-pink) 5%,transparent),transparent 42%),#ffffffc7}.reflection-list{display:grid;gap:clamp(.9rem,1.8vw,1.45rem)}.reflection-spread-item{display:block}.reflection-spread{position:relative;display:grid;grid-template-columns:minmax(4.2rem,.1fr) minmax(21rem,.36fr) minmax(0,.54fr);gap:clamp(.95rem,2vw,2rem);align-items:start;min-height:auto;padding:clamp(1rem,1.8vw,1.55rem);border:1px solid var(--line);border-left:5px solid var(--spread-color);background:linear-gradient(90deg,color-mix(in srgb,var(--spread-color) 10%,transparent),transparent 28%),#ffffffd6;color:inherit;box-shadow:0 20px 48px #1011160f;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.reflection-spread:hover,.reflection-spread:focus-visible{transform:translateY(-2px);box-shadow:0 24px 58px #10111617}.reflection-spread:focus-visible{outline:2px solid var(--spread-color);outline-offset:4px}.spread-meta{display:grid;gap:.25rem;color:var(--spread-color);font-weight:700}.spread-order{font-size:clamp(2.4rem,4vw,3.6rem);line-height:.9}.reflection-spread[data-color=yellow] .spread-order{color:var(--spread-color);text-shadow:0 0 14px color-mix(in srgb,var(--spread-color) 42%,transparent)}.spread-color{color:var(--ink-muted);font-size:.78rem;letter-spacing:.16em}.spread-title-block h3{margin-bottom:.8rem;font-family:Georgia,Times New Roman,"Noto Serif JP",serif;max-width:100%;font-size:clamp(1.45rem,2.15vw,2.05rem);line-height:1.08;text-wrap:normal}.axis-tags{display:flex;flex-wrap:wrap;gap:.45rem}.axis-tags li{padding:.25rem .6rem;border:1px solid var(--ink-soft);color:var(--ink);background:#ffffffc7;font-size:.72rem;font-weight:700;letter-spacing:.04em}.spread-body{max-width:none;color:var(--ink-muted);font-size:clamp(.92rem,1.04vw,.98rem)}.spread-body p{margin-bottom:.5rem;line-height:1.54;white-space:normal}.spread-body p:last-child{margin-bottom:0}.spread-link-label{display:inline-flex;margin-top:.85rem;color:color-mix(in srgb,var(--spread-color) 70%,var(--ink));font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spread-link-label:after{content:" →";display:inline-block;margin-left:.25rem;transition:transform .18s ease}.reflection-spread:hover .spread-link-label:after,.reflection-spread:focus-visible .spread-link-label:after{transform:translate(.3rem)}.connect-section{margin-bottom:clamp(3rem,7vw,6rem)}.reflection-closer{width:min(70%,32rem);height:2px;margin:clamp(2rem,4vw,3rem) auto;background:linear-gradient(90deg,transparent,var(--mc-green),var(--mc-yellow),var(--mc-blue),var(--mc-orange),var(--mc-violet),var(--mc-red),var(--mc-pink),transparent);opacity:.6}.essentials-body .site-footer{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:clamp(2.2rem,5vw,4rem) clamp(1.2rem,5vw,7rem);background:var(--dark)}@media(max-width:1080px){.essentials-hero,.section-panel,.reflection-spread{grid-template-columns:1fr}.section-panel .kicker,.section-panel h2,.section-copy,.spread-link-label{grid-column:auto;grid-row:auto}.section-panel:before{display:none}.axis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.essentials-page{width:min(100% - 1.2rem,1180px);padding-top:2.5rem}.essentials-hero{min-height:auto;gap:1.6rem}.section-heading{display:block}.section-heading .kicker{margin-top:.4rem}#what-title .essentials-heading-line{display:inline;white-space:normal}.axis-grid{grid-template-columns:1fr}.reflection-spread{padding:1.2rem}.spread-body p{line-height:1.72}.essentials-body .site-footer{grid-template-columns:1fr}}
