/* Reading surfaces match the landing, with restrained contrast and a clear reading measure. */
:root{--ink:#202a41;--muted:#65718a;--line:#dce3ef;--bg:#f5f5f7;--surface:#eaf0f8;--accent:#386ce1}
body{background:radial-gradient(ellipse 900px 420px at 90% 0,#dbe4fa85,transparent),var(--bg);color:var(--ink)}
.doc{max-width:850px;padding-top:44px}.back{display:inline-flex;padding:9px 16px;background:#ffffffa0;border:1px solid white;border-radius:30px;font-weight:500}.meta{font-size:12px;color:#788397}h1{font-weight:600;letter-spacing:-.045em;font-size:clamp(32px,4.5vw,49px);line-height:1.18;text-wrap:balance}.lead{font-size:18px;max-width:650px;line-height:1.7;margin-top:22px}h2{font-weight:600;letter-spacing:-.035em;font-size:27px}p{overflow-wrap:anywhere}.langs{border:0!important;font-size:11px!important;line-height:2!important;margin-top:20px!important}.article-toc{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce4f0;border:1px solid #dce4f0;border-radius:20px;overflow:hidden;margin:36px 0 12px}.article-toc a{display:flex;align-items:center;gap:12px;background:#f0f3fa;padding:17px 20px;color:#3d526f;text-decoration:none;font-size:13px;line-height:1.5}.article-toc a:hover{background:#e4ebfa}.article-toc span{font-size:10px;color:#6e8bc4}.article-section{scroll-margin-top:24px}.article-section p{font-size:16px;line-height:1.9}.article-source{font-size:12px;margin-top:36px}.cta{border-radius:24px!important;background:linear-gradient(140deg,#e7edf8,#e9e6f8)!important;border:1px solid #fff!important}.related,.more{border-color:var(--line)!important}.post,.entry,.card{border-radius:20px!important}a:focus-visible{outline:2px solid #4778dd;outline-offset:4px}
@media(max-width:600px){.doc{padding:28px 22px 60px}.article-toc{grid-template-columns:1fr}.article-section p{font-size:15px}.lead{font-size:16px}h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Long titles and related links must wrap in every locale, including CJK. */
.doc{overflow-wrap:anywhere}.article-toc>a,.rel>a{min-width:0}html[lang="ja"] body{word-break:normal}