.articles-shell{max-inline-size:1100px;margin-inline:auto;padding:clamp(2.5rem,7vw,6rem) 1.25rem;color:var(--site-chocolate)}.articles-intro{max-inline-size:820px;margin-block-end:3rem}.articles-eyebrow{color:var(--site-link);font-weight:700;margin-block-end:.75rem}.articles-intro h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1.25;font-weight:700;text-wrap:balance}.articles-deck{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.8;margin-block-start:1.5rem;color:var(--site-muted)}.articles-byline{margin-block-start:1.5rem}.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2.5rem}.articles-card a{display:block;color:inherit;text-decoration:none}.articles-card img{inline-size:100%;block-size:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-apple-card);margin-block-end:1.5rem}.articles-card h2,.articles-shell h2{font-family:var(--font-display);font-size:clamp(1.375rem,2.5vw,1.875rem);line-height:1.4;font-weight:700}.articles-card p:not(.articles-eyebrow){margin-block:1rem;line-height:1.8;color:var(--site-muted)}.articles-read,.articles-shell a:not(.hth-btn){color:var(--site-link)}.articles-read{text-decoration:underline;text-underline-offset:.25em}.articles-card a:hover h2{text-decoration:underline;text-underline-offset:.2em}.articles-guides,.articles-related{margin-block-start:4rem;padding-block-start:2rem;border-block-start:1px solid var(--site-line)}.articles-guides p{margin-block:1rem;line-height:1.8}.articles-guides a,.articles-related a{display:inline-flex;align-items:center;min-block-size:2.75rem;margin-inline-end:1.5rem;text-underline-offset:.25em}.article-detail{max-inline-size:860px}.articles-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:2rem}.articles-breadcrumb a{min-block-size:2.75rem;display:inline-flex;align-items:center}.article-photo{inline-size:100%;block-size:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-apple-card)}.article-contents{margin-block:2.5rem 3.5rem;padding:clamp(1.25rem,4vw,2rem);border-radius:var(--radius-apple-card);background:var(--site-surface)}.article-contents ol{padding-inline-start:1.5rem;margin-block-start:1rem}.article-contents a{display:inline-flex;align-items:center;min-block-size:2.75rem;text-underline-offset:.25em}.article-body{max-inline-size:720px;margin-inline:auto}.article-body section{margin-block-start:3rem;scroll-margin-block-start:var(--header-offset)}.article-body p,.article-body li{font-size:1.125rem;line-height:1.95}.article-body p{margin-block-start:1rem}.article-checklist{padding:clamp(1.25rem,4vw,2rem);background:var(--site-surface-warm);border-radius:var(--radius-apple-card)}.article-checklist ul{padding-inline-start:1.5rem;margin-block-start:1rem}.article-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-block-start:1.5rem}.articles-related a{display:flex;margin-block-start:.5rem}@media(max-width:759px){.articles-grid{grid-template-columns:minmax(0,1fr)}}.articles-shell [hidden]{display:none!important}.articles-eyebrow{display:flex;align-items:center;gap:.625rem}.articles-eyebrow svg{inline-size:1.25rem;block-size:1.25rem;flex:none}.articles-intro{margin-block-end:2.5rem}.articles-topics{margin-block:0 2.5rem}.articles-topic-buttons{display:flex;gap:.625rem;flex-wrap:wrap}.articles-topic-buttons button,.roof-concept__modes button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:2.75rem;padding:.625rem 1rem;border:1px solid var(--site-line);background:var(--site-white);color:var(--site-chocolate);font:inherit;font-size:.875rem;border-radius:var(--radius-apple-control);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s var(--ease-apple)}.articles-topic-buttons button[aria-pressed=true],.roof-concept__modes button[aria-pressed=true]{background:var(--site-chocolate);color:var(--site-white);border-color:var(--site-chocolate)}.articles-topic-buttons svg{inline-size:1.125rem;block-size:1.125rem}.articles-count{color:var(--site-muted);font-size:.875rem;margin-block-start:1rem;min-block-size:1.5rem}.articles-card__image{overflow:hidden;border-radius:var(--radius-apple-card);margin-block-end:1.5rem}.articles-card .articles-card__image img{margin:0;border-radius:0;transition:transform .25s var(--ease-apple)}.articles-card h2{color:var(--site-black)}.articles-card--featured{grid-column:1 / -1}.articles-card--featured>a{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:1.5rem;background:var(--site-surface);border-radius:calc(var(--radius-apple-card) + .5rem)}.articles-card--featured .articles-card__image{margin:0}.articles-card--featured .articles-card__image img{aspect-ratio:4 / 3}.articles-card--featured h2{font-size:clamp(1.75rem,3vw,2.375rem);text-wrap:balance}.articles-read{display:inline-flex;align-items:center;gap:.75rem;min-block-size:2.75rem;font-weight:600}.article-arrow{inline-size:1.25rem;block-size:1.25rem;flex:none}[dir=rtl] .article-arrow{transform:scaleX(-1)}.article-detail{max-inline-size:1100px}.article-detail>.articles-intro{max-inline-size:850px}.article-detail>.article-photo{max-block-size:34rem;aspect-ratio:2 / 1}.article-essentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-block:2.5rem 3rem;padding-block:1.5rem}.article-essentials h2{font-size:1.125rem;margin-block:1rem .5rem}.article-essentials p{color:var(--site-muted);line-height:1.8;max-inline-size:28ch}.article-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:3rem;block-size:3rem;border-radius:.875rem;background:var(--site-surface);color:var(--site-link)}.article-icon svg{inline-size:1.5rem;block-size:1.5rem}.article-contents{background:transparent;border-block:1px solid var(--site-line);border-radius:0;padding-inline:0}.article-contents ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem}.article-contents a{gap:.75rem;text-decoration:none;padding-block:.5rem}.article-contents a:hover{text-decoration:underline;text-underline-offset:.25em}.article-section-number{font-family:var(--font-mono);color:var(--site-muted);font-size:.75rem}.article-section-label{display:flex;align-items:center;gap:.75rem;color:var(--site-link);margin-block-end:1rem}.article-section-label span{font-family:var(--font-mono);font-size:.875rem}.article-prose-section h2{text-wrap:balance}.article-visual{margin:2.5rem 0 3.5rem}.article-visual img{display:block;inline-size:100%;block-size:auto;max-block-size:34rem;object-fit:cover;border-radius:var(--radius-apple-card)}.article-visual--diagram img{object-fit:contain}.article-visual figcaption{display:flex;align-items:flex-start;gap:.75rem;padding-block-start:1rem;color:var(--site-muted);font-size:.9375rem;line-height:1.8}.article-visual figcaption svg{flex:none;margin-block-start:.2rem;color:var(--site-link)}.article-checklist .article-icon{background:color-mix(in srgb,var(--site-gold) 25%,var(--site-white));color:var(--site-chocolate);margin-block-end:1rem}.article-body .article-checklist-intro,.article-body [data-checklist-status]{font-size:.9375rem}.article-checklist progress{display:block;inline-size:100%;block-size:.375rem;accent-color:var(--site-link);margin-block:.75rem 1.25rem;border:0;background:var(--site-line);border-radius:1rem;overflow:hidden}.article-checklist progress::-webkit-progress-bar{background:var(--site-line)}.article-checklist progress::-webkit-progress-value{background:var(--site-link)}.article-checklist progress::-moz-progress-bar{background:var(--site-link)}.article-checklist ul{padding:0;list-style:none}.article-checklist li+li{border-block-start:1px solid var(--site-line)}.article-checklist label{display:flex;align-items:center;gap:1rem;min-block-size:3.75rem;padding-block:.75rem;cursor:pointer}.article-checklist label span{flex:1}.article-checklist input{flex:none;inline-size:1.25rem;block-size:1.25rem;accent-color:var(--site-chocolate)}.article-checklist label svg{color:var(--site-link);opacity:0;transition:opacity .16s ease}.article-checklist input:checked~svg{opacity:1}.article-checklist input:checked+span{color:var(--site-link)}.articles-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block-start:1.5rem}.articles-related .articles-related-grid a{display:block;margin:0;text-decoration:none}.articles-related-grid img{inline-size:100%;block-size:auto;aspect-ratio:16 / 10;object-fit:cover;border-radius:1rem;margin-block-end:1rem}.articles-related-grid span{display:block;line-height:1.6;margin-block-end:.75rem}.roof-concept{margin:3rem 0;background:var(--site-surface);padding:clamp(1.25rem,4vw,2rem);border-radius:var(--radius-apple-card)}.roof-concept h3,.article-journey h3{font-family:var(--font-display);font-size:1.375rem;line-height:1.5;margin-block-start:1rem}.article-body .roof-concept p{font-size:.9375rem;color:var(--site-muted)}.roof-concept__modes{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1.5rem}.roof-concept__controls label{display:block;font-size:.9375rem;margin-block-end:.75rem}.roof-concept__controls input{display:block;inline-size:100%;block-size:2.75rem;accent-color:var(--site-link);direction:ltr}.roof-concept__ends{display:flex;justify-content:space-between;direction:ltr;font-size:.875rem;color:var(--site-muted)}.roof-concept__drawing svg{display:block;inline-size:100%;block-size:auto;margin-block:1rem}.roof-sky{fill:var(--site-blue)}.roof-louvre,.roof-fabric{fill:var(--site-white);stroke:var(--site-chocolate);stroke-width:1}.roof-frame{fill:none;stroke:var(--site-chocolate);stroke-width:7}.roof-seam{stroke:var(--site-line);stroke-width:1.5}.roof-concept figcaption{color:var(--site-muted);font-size:.9375rem;line-height:1.8}.article-journey{margin-block:2.5rem}.article-journey>div{margin-block-start:1.5rem;border-block-start:1px solid var(--site-line)}.article-journey details{border-block-end:1px solid var(--site-line)}.article-journey summary{display:flex;align-items:center;gap:.75rem;min-block-size:4rem;cursor:pointer;list-style:none}.article-journey summary::-webkit-details-marker{display:none}.journey-number{color:var(--site-muted);font-family:var(--font-mono);font-size:.75rem}.article-journey summary svg{color:var(--site-link);flex:none}.journey-plus{margin-inline-start:auto;font-size:1.5rem;color:var(--site-link);transition:transform .16s var(--ease-apple)}.article-journey details[open] .journey-plus{transform:rotate(45deg)}.article-body .article-journey details p{margin:0;padding-block-end:1.5rem;font-size:1rem;color:var(--site-muted)}@media(hover:hover)and (pointer:fine){.articles-card a:hover .articles-card__image img{transform:scale(1.025)}.articles-topic-buttons button:hover,.roof-concept__modes button:hover{background:var(--site-surface-deep);color:var(--site-chocolate)}}.articles-topic-buttons button:active,.roof-concept__modes button:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.articles-card .articles-card__image img,.articles-topic-buttons button,.roof-concept__modes button,.journey-plus{transition:none}.articles-card a:hover .articles-card__image img,.articles-topic-buttons button:active,.roof-concept__modes button:active{transform:none}}@media(max-width:759px){.articles-card--featured>a{display:block;padding:1rem}.articles-card--featured .articles-card__image{margin-block-end:1.5rem}.articles-card--featured h2{font-size:1.625rem}.article-detail>.article-photo{aspect-ratio:16 / 10}.article-essentials{grid-template-columns:1fr;gap:1.5rem}.article-essentials>div{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem}.article-essentials .article-icon{grid-row:1 / 3}.article-essentials h2{margin:0 0 .375rem}.article-essentials p{max-inline-size:none}.article-contents ol,.articles-related-grid{grid-template-columns:1fr}.articles-related .articles-related-grid a{display:grid;grid-template-columns:6rem 1fr 1.25rem;gap:1rem;align-items:center}.articles-related-grid img,.articles-related-grid span{margin:0}.article-visual img{max-block-size:28rem}}.roof-concept [data-roof-fabric][data-active=false]{display:none}.article-context-link a{text-decoration:underline;text-underline-offset:.2em}