.roof-article .seller-article-hero h1 {font-size:clamp(2.5rem,5.5vw,5rem);line-height:1.06;max-width:1000px}
.roof-article .seller-article-hero h1 + p {font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.7;max-width:850px;margin-top:28px}
.roof-hero-cta {margin-top:30px;padding:24px;border:1px solid var(--color-line);border-radius:16px;background:var(--color-paper)}
.roof-hero-cta h2 {margin-top:0;font-size:1.5rem}.roof-hero-cta p {line-height:1.6}
.roof-copy {padding-block:42px 72px;font-size:1.08rem;line-height:1.8}
.roof-copy h2 {font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.2;margin:54px 0 22px;scroll-margin-top:120px}
.roof-copy h3 {font-size:1.3rem;line-height:1.35;margin-top:30px}.roof-copy a:not(.primary-button) {text-decoration:underline;text-underline-offset:3px}
.roof-photo {margin:0 0 24px}.roof-photo img {display:block;width:100%;height:auto;border-radius:16px}.roof-photo figcaption {font-size:.85rem;color:var(--color-muted)}
.roof-contents {display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px;background:var(--color-paper);border:1px solid var(--color-line);border-radius:12px}.roof-contents strong {flex-basis:100%}
.roof-table-scroll {overflow-x:auto;border:1px solid var(--color-line);border-radius:12px}.roof-table-scroll table {border-collapse:collapse;width:100%;min-width:720px;font-size:.95rem;line-height:1.5}.roof-table-scroll caption {padding:16px;text-align:left;font-weight:700}.roof-table-scroll th,.roof-table-scroll td {padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line)}.roof-table-scroll th {background:#eee4f4}.roof-table-scroll tr:last-child td {border-bottom:0}
.roof-article .primary-button {max-width:100%;white-space:normal;text-align:center}.roof-copy li {margin-block:8px}