.article-detail{max-width:768px;margin-inline:auto;padding-block:64px}.article-disclosure{background-color:var(--muted);color:var(--muted-foreground);border-radius:8px;margin-top:32px;padding:16px 20px;font-size:13px;line-height:1.8}.article-disclosure p+p{margin-top:4px}.article-detail__breadcrumbs{max-width:768px;margin-inline:auto;padding-block:24px 0}.article-detail__publish-toggle{background-color:#fffbeb;border:1px dashed #fbbf24;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:14px;display:flex}.article-detail__publish-label{color:#92400e;font-weight:600}.article-detail__publish-switch{background-color:color-mix(in srgb, var(--muted-foreground) 30%, transparent);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:44px;height:24px;transition:background-color .25s;display:inline-flex;position:relative}.article-detail__publish-switch[data-on=true]{background-color:var(--primary)}.article-detail__publish-knob{background-color:#fff;border-radius:9999px;width:16px;height:16px;transition:transform .25s;display:inline-block;transform:translate(4px)}.article-detail__publish-switch[data-on=true] .article-detail__publish-knob{transform:translate(24px)}.article-detail__publish-status{color:#92400e;font-weight:500}.article-detail__meta{align-items:center;gap:12px;display:flex}.article-detail__date{color:var(--muted-foreground);font-size:14px;font-weight:500}.article-detail__title{margin-top:16px;margin-bottom:0;font-size:24px;font-weight:700}@media screen and (width>=640px){.article-detail__title{font-size:30px}}@media screen and (width>=1024px){.article-detail__title{font-size:36px}}.article-detail__tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.article-detail__thumb-wrap{margin-top:32px}.article-detail__thumb{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;display:block}.article-detail__prose{margin-top:40px}.related-articles{background-color:color-mix(in srgb, var(--accent) 40%, transparent);padding-block:64px}.related-articles__title{margin:0;font-size:20px;font-weight:700}@media screen and (width>=640px){.related-articles__title{font-size:24px}}@media screen and (width>=1024px){.related-articles__title{font-size:30px}}.related-articles__grid{gap:24px;margin-top:32px;display:grid}@media screen and (width>=640px){.related-articles__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width>=1024px){.related-articles__grid{grid-template-columns:repeat(3,1fr)}}.related-articles__card{border:1px solid var(--border);background-color:var(--card);min-width:0;color:inherit;border-radius:12px;flex-direction:column;gap:12px;padding:16px;text-decoration:none;display:flex}.related-articles__thumb{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;display:block}.related-articles__meta{align-items:center;gap:8px;display:flex}.related-articles__date{color:var(--muted-foreground);font-size:12px;font-weight:500}.related-articles__card-title{margin:0;font-weight:600}.article-detail__back{text-align:center;max-width:768px;margin-inline:auto;padding-block:48px}.article-prose>*+*{margin-top:1.25em}.article-prose h2{letter-spacing:.02em;color:var(--primary-foreground);background-color:var(--primary);border-radius:10px 5px 5px 10px;margin-top:2.5em;margin-bottom:1em;padding:18px 28px 18px 34px;font-size:24px;font-weight:800;line-height:1.4;position:relative}.article-prose h2:before{content:"";background-color:var(--brand-bright);border-radius:5px 0 0 5px;width:10px;height:100%;position:absolute;top:0;left:0}.article-prose h3{letter-spacing:.02em;color:var(--accent-foreground);background-color:var(--accent);border-radius:6px;margin-top:2.2em;margin-bottom:.9em;padding:10px 16px;font-size:21px;font-weight:700;line-height:1.4}.article-prose h4{color:var(--foreground);margin-top:2em;margin-bottom:.9em;padding-bottom:.5em;font-size:19px;font-weight:700;position:relative}.article-prose h4:after{content:"";background-color:var(--primary);width:100%;height:2px;position:absolute;bottom:0;left:0}.article-prose h5{color:var(--foreground);margin-top:2em;margin-bottom:.8em;padding:.3em 0 .3em 1em;font-size:18px;font-weight:700;position:relative}.article-prose h5:before{content:"";background-color:var(--primary);border-radius:3px;width:6px;height:100%;position:absolute;top:0;left:0}.article-prose h6{color:var(--primary);margin-top:1.8em;margin-bottom:.7em;font-size:16px;font-weight:700}.article-prose h6:before{content:"・";color:var(--brand-bright);margin-right:.2em;font-weight:900}@media (width<640px){.article-prose h2{padding:14px 20px 14px 26px;font-size:20px}.article-prose h3{padding:8px 12px;font-size:18px}.article-prose h4{font-size:17px}.article-prose h5{font-size:16px}.article-prose h6{font-size:15px}}.article-prose ul,.article-prose ol{padding-left:1.5em}.article-prose ul{list-style:outside}.article-prose ol{list-style:decimal}.article-prose li+li{margin-top:.5em}.article-prose a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.article-prose strong{font-weight:700}