[data-lang]{display:inline}body.lang-ja [data-lang=en],body.lang-en [data-lang=ja]{display:none}.dt-inner{max-width:var(--container-max);margin:0 auto}.dt-hero{padding:var(--hero-top) 24px 64px;background:linear-gradient(to bottom,var(--bg-top) 0%,var(--bg-bottom) 100%)}.dt-hero-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:56px;align-items:end}.dt-kicker{display:block;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-navy);margin-bottom:10px}.dt-hero-title{font-family:"Instrument Serif","Noto Serif JP",Georgia,serif;font-size:clamp(3.5rem,8.2vw,7.25rem);font-weight:400;font-style:italic;color:var(--ink-strong);line-height:.98;letter-spacing:-.025em;margin:0}.dt-hero-title--long{font-size:clamp(2.5rem,4.2vw,3.75rem);line-height:1.1}body.lang-ja .dt-hero-title{font-family:"Noto Serif JP",serif;font-style:normal;font-weight:600}.dt-hero-lead{font-family:"Noto Serif JP",serif;font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--ink-strong);margin:0}body.lang-en .dt-hero-lead{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(1.75rem,3vw,2.625rem);line-height:1.2}.dt-em{font-style:italic;color:var(--brand-navy)}.dt-section{padding:var(--section-y) 24px}.dt-section--tint{background:var(--surface-2)}.dt-head{margin-bottom:36px}.dt-label{display:inline-block;font-family:Inter,Noto Sans JP,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-navy);margin-bottom:12px}.dt-h2{font-family:"Instrument Serif","Noto Serif JP",Georgia,serif;font-size:clamp(2.125rem,4vw,3.5rem);font-weight:400;line-height:1.04;letter-spacing:-.02em;color:var(--ink-strong);margin:0 0 20px}body.lang-ja .dt-h2{font-family:"Noto Serif JP",serif;font-weight:600;font-size:clamp(2.125rem,4vw,3.5rem);line-height:1.18}.dt-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dt-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dt-card{display:flex;flex-direction:column;padding:28px 26px 24px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-card)}.dt-point{font-family:"Noto Serif JP",serif;font-size:clamp(1.25rem,1.75vw,1.5rem);font-weight:600;line-height:1.5;color:var(--ink-strong);margin:0 0 20px}body.lang-en .dt-point{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(1.5rem,2.1vw,1.875rem);line-height:1.2}.dt-point--wide{max-width:34em}.dt-note{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--border-soft);font-size:.8125rem;line-height:1.85;color:var(--ink-secondary)}.dt-note--plain{border-top:0;padding-top:0;margin:0;max-width:40em}.dt-note a{color:var(--brand-navy);text-decoration:underline;text-underline-offset:3px}.dt-timeline{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:2px solid var(--brand-navy)}.dt-timeline li{position:relative;padding:14px 8px 0 0;font-size:.75rem;line-height:1.5;color:var(--ink-secondary)}.dt-timeline li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--brand-navy)}.dt-timeline b{display:block;font-size:.8125rem;color:var(--ink-strong);margin-bottom:2px}.dt-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:48px;align-items:center}.dt-code{margin:0;padding:16px 18px;border-radius:12px;background:#0f1b24;color:#e6eef3;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.7;overflow-wrap:anywhere}.dt-code-label{display:block;margin:18px 0 6px;font-family:Inter,Noto Sans JP,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.dt-code-label:first-child{margin-top:0}.dt-demo{margin:0}.dt-demo figcaption{margin-top:12px;font-size:.8125rem;color:var(--ink-secondary)}.dt-visual{margin:0 0 20px}.dt-refs-wrap{padding:0 24px 72px}.dt-back{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--brand-navy);text-decoration:none;margin-bottom:20px}.dt-back svg{width:18px;height:18px}.dt-refs{margin:0;font-size:.6875rem;line-height:1.7;color:var(--ink-muted)}@media(max-width:1000px){.dt-hero-grid,.dt-split{grid-template-columns:minmax(0,1fr);gap:24px}.dt-pair,.dt-trio{grid-template-columns:1fr}}
