.article-page{color:#0f172a}.article-page .story-menu__trigger{color:#ff7007}.article-heading{width:calc(100% - 2 * var(--gutter));border-bottom:1px solid #e2e8f0;max-width:1240px;margin:0 auto;padding:184px 0 64px}.article-back{color:#64748b;margin-bottom:48px;font-size:14px;display:inline-block}.article-meta{color:#64748b;align-items:center;gap:16px;margin-bottom:24px;font-size:14px;display:flex}.article-meta span{color:#ff7007;background:#fff3e9;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.article-heading h1{letter-spacing:-1.4px;word-break:keep-all;font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.3}.article-body{width:calc(100% - 2 * var(--gutter));word-break:keep-all;overflow-wrap:break-word;max-width:720px;margin:64px auto 160px;font-size:18px;line-height:1.9}.article-cover{width:100%;height:auto;margin-bottom:24px;display:block}.article-body .article-draft{color:#94a3b8;margin-bottom:56px;font-size:13px}.article-body h2{letter-spacing:-.5px;margin:56px 0 20px;font-size:28px;font-weight:700;line-height:1.4}.article-body p{color:#475569;margin-bottom:24px}.article-body blockquote{border-left:3px solid #ff7007;margin:40px 0;padding:8px 0 8px 24px;font-size:22px;font-weight:600;line-height:1.7}.article-end{border-top:1px solid #e2e8f0;margin-top:80px;padding-top:32px;font-size:15px;font-weight:600}.article-share{z-index:9;top:calc(var(--article-header-height,84px) + 20px);right:max(var(--gutter),calc((100vw - 1240px)/2));flex-direction:column;align-items:flex-end;gap:8px;max-width:260px;display:flex;position:fixed}.article-share button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;padding:12px 18px;font-size:13px;font-weight:600;box-shadow:0 3px 12px #0f172a08}.article-share button:hover{color:#ff7007;border-color:#ff7007}.article-share [role=status]:not(:empty){color:#fff;background:#0f172a;padding:8px 12px;font-size:12px;line-height:1.5}@media (max-width:959px){.article-heading{padding-top:224px}.article-heading h1{font-size:38px}}@media (max-width:640px){.article-heading{padding-top:230px;padding-bottom:40px}.article-heading h1{letter-spacing:-.8px;font-size:30px}.article-back{margin-bottom:28px}.article-body{margin-top:40px;font-size:16px}.article-body h2{font-size:24px}.article-body blockquote{font-size:20px}.article-share{top:calc(var(--article-header-height,144px) + 12px)}.article-share button{padding:10px 14px}}.article-heading h1{font-size:36px}.article-share{align-items:flex-start;width:180px;max-width:180px;left:calc(50% + 384px);right:auto}.article-share button{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.article-share svg{flex-shrink:0;display:block}@media (max-width:1100px){.article-share{width:100px;max-width:100px}}@media (max-width:880px){.article-body{width:calc(100% - 2 * var(--gutter) - 64px);margin-left:var(--gutter);margin-right:calc(var(--gutter) + 64px)}.article-share{left:auto;right:var(--gutter);width:44px;max-width:44px}.article-share [role=status]:not(:empty){width:180px;position:absolute;top:52px;right:0}}.article-reading-layout{width:calc(100% - 2 * var(--gutter));grid-template-columns:minmax(0,720px) 0;align-items:start;column-gap:24px;max-width:720px;margin:64px auto 160px;display:grid;position:relative}.article-reading-layout .article-body{grid-area:1/1;width:100%;max-width:720px;margin:0}.article-reading-layout .article-share{left:auto;right:auto;top:calc(var(--article-header-height,84px) + 20px);grid-area:1/2;position:sticky}@media (max-width:880px){.article-reading-layout{width:calc(100% - 2 * var(--gutter));grid-template-columns:minmax(0,1fr) 44px;gap:20px;max-width:none}.article-reading-layout .article-body{width:100%;margin:0}}@media (max-width:640px){.article-reading-layout{margin-top:40px}.article-reading-layout .article-share{top:calc(var(--article-header-height,144px) + 12px)}}.article-heading{text-align:center}.article-meta{justify-content:center}.article-cover{aspect-ratio:4/3;object-fit:cover;height:auto;max-height:none}:lang(ja) .article-heading h1,:lang(ja) .article-body{word-break:normal;word-break:auto-phrase;line-break:strict}.article-doc-layout{grid-template-columns:minmax(0,760px) 0;max-width:784px;margin-bottom:120px}.article-doc{grid-area:1/1;min-width:0}.article-doc .article-end{margin:0 24px}@media (max-width:880px){.article-doc-layout{grid-template-columns:minmax(0,1fr) 44px;max-width:none}}