.dynamic-article-page{background:#fff}.dynamic-article-page .breadcrumbs{color:var(--color-gray-500);flex-wrap:wrap;gap:10px;padding-top:34px;font-size:13px;font-weight:800;display:flex}.dynamic-article-page .breadcrumbs a:hover{color:var(--color-gradient-end)}.dynamic-article-page .article-hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:44px;padding-bottom:76px;display:grid}.dynamic-article-page .article-hero-copy{min-width:0;max-width:1040px}.dynamic-article-page .article-hero h1{color:var(--color-on-surface);overflow-wrap:anywhere;margin:0 0 28px;font-size:4.25rem;font-weight:900;line-height:1.08}.dynamic-article-page .article-hero p{max-width:860px;color:var(--color-on-surface-variant);margin:0;font-size:1.2rem;font-weight:500;line-height:1.7}.dynamic-article-page .article-hero .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%}.dynamic-article-page .article-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:72px;display:grid}.dynamic-article-page .article-meta-item{border:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:28px;padding:24px}.dynamic-article-page .article-meta-item span{color:var(--color-gray-500);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.dynamic-article-page .article-meta-item strong{color:var(--color-gray-900);font-size:1.05rem;font-weight:900;line-height:1.35}.dynamic-article-page .article-layout{grid-template-columns:minmax(260px,.32fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.dynamic-article-page .article-sidebar,.dynamic-article-page .article-body{min-width:0}.dynamic-article-page .article-sidebar{align-content:start;align-self:stretch;gap:24px;display:grid}.dynamic-article-page .article-categories,.dynamic-article-page .article-toc{border:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:32px;padding:28px}.dynamic-article-page .article-categories-title,.dynamic-article-page .article-toc-title{color:var(--color-gray-900);margin:0 0 16px;font-weight:900}.dynamic-article-page .article-categories a{border-top:1px solid var(--color-gray-100);color:var(--color-on-surface-variant);padding:12px 0;font-weight:400;line-height:1.45;display:block}.dynamic-article-page .article-categories a:hover,.dynamic-article-page .article-categories a.is-active{color:var(--color-gradient-end)}.dynamic-article-page .article-toc{top:calc(var(--site-header-height) + 24px);max-height:calc(100vh - var(--site-header-height) - 48px);overscroll-behavior:contain;align-self:start;position:sticky;overflow-y:auto}.dynamic-article-page .article-toc a{border-top:1px solid var(--color-gray-100);color:var(--color-on-surface-variant);padding:12px 0;font-weight:400;line-height:1.45;display:block}.dynamic-article-page .article-toc a:hover{color:var(--color-gradient-end)}.dynamic-article-page .article-body h2{scroll-margin-top:calc(var(--site-header-height) + 32px);color:var(--color-on-surface);margin:0 0 22px;font-size:2.35rem;font-weight:900;line-height:1.18}.dynamic-article-page .article-body h2:not(:first-child){margin-top:54px}.dynamic-article-page .article-body h3{color:var(--color-gray-900);margin:34px 0 16px;font-size:1.35rem;font-weight:900;line-height:1.25}.dynamic-article-page .article-body p,.dynamic-article-page .article-body li{color:var(--color-on-surface-variant);font-size:1.05rem;font-weight:500;line-height:1.85}.dynamic-article-page .article-body p{margin:0 0 22px}.dynamic-article-page .article-body ul,.dynamic-article-page .article-body ol{gap:10px;margin:0 0 28px;padding-left:22px;display:grid}.dynamic-article-page .article-body strong{color:var(--color-gray-900);font-weight:900}.dynamic-article-page .article-check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 34px;padding:0;list-style:none;display:grid}.dynamic-article-page .article-check-list li{border:1px solid var(--color-gray-100);color:var(--color-gray-700);background:#fff;border-radius:20px;padding:16px;font-weight:800;line-height:1.45}.dynamic-article-page .article-table-wrap{border:1px solid var(--color-gray-100);max-width:100%;box-shadow:var(--shadow-card);background:#fff;border-radius:28px;margin:28px 0;overflow-x:auto}.dynamic-article-page table{border-collapse:collapse;width:100%;min-width:920px}.dynamic-article-page th,.dynamic-article-page td{border-bottom:1px solid var(--color-gray-100);text-align:left;vertical-align:top;padding:18px}.dynamic-article-page th{background:var(--color-gray-50);color:var(--color-gray-900);font-size:.85rem;font-weight:900;line-height:1.4}.dynamic-article-page td{color:var(--color-on-surface-variant);font-size:.95rem;font-weight:600;line-height:1.55}.dynamic-article-page tr:last-child td{border-bottom:0}.dynamic-article-page blockquote{border-left:6px solid var(--color-gradient-end);background:var(--color-gray-50);color:var(--color-gray-900);border-radius:24px;margin:0 0 26px;padding:28px;font-size:1.08rem;font-weight:800;line-height:1.75}.dynamic-article-page .faq-item{border-top:1px solid var(--color-gray-100);padding:26px 0}.dynamic-article-page .faq-item h3{margin-top:0}.dynamic-article-page .related-cases,.dynamic-article-page .related-articles{background:#fff;padding:120px 0}.dynamic-article-page .related-cases{padding-bottom:72px}.dynamic-article-page .related-articles{padding-top:72px}.dynamic-article-page .related-cases .portfolio-grid,.dynamic-article-page .related-articles .portfolio-grid{margin-top:56px}.dynamic-article-page .related-case-card article,.dynamic-article-page .related-article-card article{flex-direction:column;min-height:100%;display:flex}.dynamic-article-page .related-case-card .case-content,.dynamic-article-page .related-article-card .case-content{flex-direction:column;flex:1;display:flex}.dynamic-article-page .related-case-card .case-content>p,.dynamic-article-page .related-article-card .case-content>p{margin-bottom:30px}.dynamic-article-page .related-case-card .case-visual,.dynamic-article-page .related-article-card .case-visual{aspect-ratio:16/9;background:#fff4ed;min-height:0;padding:0;overflow:hidden}.dynamic-article-page .related-case-card .case-visual img,.dynamic-article-page .related-article-card .case-visual img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.dynamic-article-page .related-case-card:hover .case-visual img,.dynamic-article-page .related-article-card:hover .case-visual img{transform:scale(1.04)}.dynamic-article-page .related-empty{max-width:760px;color:var(--color-on-surface-variant);margin:40px 0 0;font-size:1.1rem;font-weight:600;line-height:1.7}@media (width<=1040px){.dynamic-article-page .article-layout{grid-template-columns:minmax(0,1fr);gap:44px}.dynamic-article-page .article-toc{max-height:none;position:static;overflow-y:visible}.dynamic-article-page .article-categories{display:none}.dynamic-article-page .article-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dynamic-article-page .article-hero{padding-top:36px;padding-bottom:56px}.dynamic-article-page .article-hero h1{font-size:2.55rem}.dynamic-article-page .article-meta-grid,.dynamic-article-page .article-check-list{grid-template-columns:1fr}.dynamic-article-page .article-meta-grid{margin-bottom:54px}.dynamic-article-page .related-cases,.dynamic-article-page .related-articles{padding:88px 0}.dynamic-article-page .related-cases .portfolio-grid,.dynamic-article-page .related-articles .portfolio-grid{margin-top:40px}}