.dynamic-article-page{background:#fff}.dynamic-article-page .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding-top:34px;color:var(--color-gray-500);font-size:13px;font-weight:800}.dynamic-article-page .breadcrumbs a:hover{color:var(--color-gradient-end)}.dynamic-article-page .article-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;padding-top:44px;padding-bottom:76px}.dynamic-article-page .article-hero-copy{min-width:0;max-width:1040px}.dynamic-article-page .article-hero h1{margin:0 0 28px;color:var(--color-on-surface);font-size:4.25rem;font-weight:900;line-height:1.08;overflow-wrap:anywhere}.dynamic-article-page .article-hero p{max-width:860px;margin:0;color:var(--color-on-surface-variant);font-size:1.2rem;font-weight:500;line-height:1.7}.dynamic-article-page .article-cover{overflow:hidden;width:100%;min-width:0;margin:0;border-radius:40px;background:linear-gradient(135deg,#ffb06a,#ff5f6d);box-shadow:var(--shadow-soft)}.dynamic-article-page .article-cover img{display:block;width:100%;aspect-ratio:16 / 5.5;height:100%;object-fit:cover}.dynamic-article-page .article-hero .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.dynamic-article-page .article-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:72px}.dynamic-article-page .article-meta-item{padding:24px;border:1px solid var(--color-gray-100);border-radius:28px;background:var(--color-gray-50)}.dynamic-article-page .article-meta-item span{display:block;margin-bottom:10px;color:var(--color-gray-500);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.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{display:grid;grid-template-columns:minmax(260px,.32fr) minmax(0,1fr);gap:56px;align-items:start}.dynamic-article-page .article-sidebar,.dynamic-article-page .article-body{min-width:0}.dynamic-article-page .article-sidebar{align-self:stretch;display:grid;align-content:start;gap:24px}.dynamic-article-page .article-categories,.dynamic-article-page .article-toc{padding:28px;border:1px solid var(--color-gray-100);border-radius:32px;background:var(--color-gray-50)}.dynamic-article-page .article-categories-title,.dynamic-article-page .article-toc-title{margin:0 0 16px;color:var(--color-gray-900);font-weight:900}.dynamic-article-page .article-categories a{display:block;padding:12px 0;border-top:1px solid var(--color-gray-100);color:var(--color-on-surface-variant);font-weight:400;line-height:1.45}.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{position:sticky;top:calc(var(--site-header-height) + 24px);align-self:start;max-height:calc(100vh - var(--site-header-height) - 48px);overflow-y:auto;overscroll-behavior:contain}.dynamic-article-page .article-toc a{display:block;padding:12px 0;border-top:1px solid var(--color-gray-100);color:var(--color-on-surface-variant);font-weight:400;line-height:1.45}.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);margin:0 0 22px;color:var(--color-on-surface);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{margin:34px 0 16px;color:var(--color-gray-900);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{display:grid;gap:10px;margin:0 0 28px;padding-left:22px}.dynamic-article-page .article-body strong{color:var(--color-gray-900);font-weight:900}.dynamic-article-page .article-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0 0 34px;list-style:none}.dynamic-article-page .article-check-list li{padding:16px;border:1px solid var(--color-gray-100);border-radius:20px;background:#fff;color:var(--color-gray-700);font-weight:800;line-height:1.45}.dynamic-article-page .article-table-wrap{overflow-x:auto;max-width:100%;margin:28px 0;border:1px solid var(--color-gray-100);border-radius:28px;background:#fff;box-shadow:var(--shadow-card)}.dynamic-article-page table{width:100%;min-width:920px;border-collapse:collapse}.dynamic-article-page th,.dynamic-article-page td{padding:18px;border-bottom:1px solid var(--color-gray-100);text-align:left;vertical-align:top}.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{margin:0 0 26px;padding:28px;border-left:6px solid var(--color-gradient-end);border-radius:24px;background:var(--color-gray-50);color:var(--color-gray-900);font-size:1.08rem;font-weight:800;line-height:1.75}.dynamic-article-page .faq-item{padding:26px 0;border-top:1px solid var(--color-gray-100)}.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{display:flex;min-height:100%;flex-direction:column}.dynamic-article-page .related-case-card .case-content,.dynamic-article-page .related-article-card .case-content{display:flex;flex:1;flex-direction:column}.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{min-height:0;overflow:hidden;aspect-ratio:16 / 9;padding:0;background:#fff4ed}.dynamic-article-page .related-case-card .case-visual img,.dynamic-article-page .related-article-card .case-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.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;margin:40px 0 0;color:var(--color-on-surface-variant);font-size:1.1rem;font-weight:600;line-height:1.7}@media(max-width:1040px){.dynamic-article-page .article-layout{grid-template-columns:minmax(0,1fr);gap:44px}.dynamic-article-page .article-toc{position:static;max-height:none;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(max-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-cover img{aspect-ratio:16 / 9}.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}}