.article-section{margin-bottom:2rem}sup a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:.2em}sup a:hover{color:var(--secondary);text-decoration:none}.article-navigation{margin-top:3rem;text-align:center}.calculator-cta{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl);padding:var(--spacing-xl);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.social-share{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.social-link{align-items:center;background-color:var(--background);border-radius:var(--border-radius-md);color:var(--primary);display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast)}.social-link:hover{background-color:var(--border);color:var(--secondary);text-decoration:none}.cta-button{color:var(--primary);text-decoration:underline;text-underline-offset:.2em}.cta-button:hover{color:var(--secondary);text-decoration:none}.breadcrumb{background:#fff;box-shadow:var(--card-shadow);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);width:100%}.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;padding-left:0}.breadcrumb li{display:inline;margin-right:var(--spacing-sm)}.breadcrumb li:after{color:var(--primary);content:"›";margin-left:var(--spacing-sm)}.breadcrumb li:last-child:after{content:""}.breadcrumb a{color:var(--primary);text-decoration:underline;text-underline-offset:.2em}.breadcrumb a:hover{color:var(--secondary);text-decoration:none}.article-meta{color:var(--secondary);font-size:var(--font-size-sm);margin:var(--spacing-xl) 0}.reading-time{padding-right:var(--spacing-sm)}.publish-date{color:var(--text)}.table-of-contents{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md) var(--spacing-md)}.table-of-contents ol{list-style:none;margin:0;padding:0}.table-of-contents li{margin-bottom:var(--spacing-xs)}.table-of-contents a{color:var(--primary);text-decoration:underline;text-underline-offset:.2em}.table-of-contents a:hover{color:var(--secondary);text-decoration:none}.article-image{height:auto;max-width:100%}.article-image,table{border-radius:var(--border-radius-md)}table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}table,table td,table th{border:1px solid var(--border)}table td,table th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.calculator-link{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:.2em}.calculator-link:hover{color:var(--secondary);text-decoration:none}.faq-item a,.faq-item h3{color:var(--primary)}.faq-item a{text-decoration:underline;text-underline-offset:.2em}.faq-item a:hover{color:var(--secondary);text-decoration:none}footer a{color:var(--primary);text-decoration:underline;text-underline-offset:.2em}footer a:hover{color:var(--secondary);text-decoration:none}.articles-grid,.calculators-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.article-card,.card{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);margin-bottom:var(--spacing-sm);overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.article-card:hover,.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.article-card-content,.card-content{display:grid;font-size:var(--font-size-base);gap:var(--spacing-sm);grid-template-columns:40% 60%;height:100%;text-decoration:none}.related-articles .article-card-content{gap:var(--spacing-xs);grid-template-columns:1fr}.article-card-description,.card-description{padding:0 var(--spacing-sm)}.article-card picture,.card picture{flex-shrink:0;height:200px;overflow:hidden;width:300px}.article-card img,.card img{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.article-card .article-card-header,.card .card-header{font-size:var(--font-size-md)}.article-card p,.card p{color:var(--text-secondary);line-height:1.5;margin:var(--spacing-xs) 0}.calculator-container form{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr 1fr;padding:var(--spacing-xl)}.calculator-container .form-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calculator-container .form-section.buttons{align-items:end;display:flex;flex:auto;flex-direction:row;gap:var(--spacing-md);grid-column:span 3;justify-content:flex-end;min-width:100%;padding:0}.calculator-container .section-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.calculator-container .input-row{align-items:center;display:grid;gap:var(--spacing-xs);grid-template-columns:33% 1fr}.calculator-container .input-row label{font-size:var(--font-size-sm);font-weight:700}@media (max-width:768px){.article-section li,.article-section p{font-size:1rem}.article-meta{margin:var(--spacing-sm) 0}.calculator-cta{padding:var(--spacing-md) var(--spacing-sm)}.breadcrumb{margin-bottom:0}.breadcrumb ol{margin:0}.social-share{flex-wrap:wrap;gap:var(--spacing-sm)}.social-link{min-height:44px;min-width:44px;padding:var(--spacing-sm)}.article-card .article-card-content,.card .card-content{gap:var(--spacing-xs);grid-template-columns:1fr}.article-card picture,.card picture{aspect-ratio:3/2;height:auto;width:100%}.article-card .article-card-header,.card .card-header{font-size:var(--font-size-base);margin:var(--spacing-xs) 0}.article-card p,.card p{display:-webkit-box;font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media print{.article-content{max-width:none}.article-content h1,.article-content h2{color:#000}.article-meta{page-break-before:always}sup a{color:#000;text-decoration:none}}.color-cheat-sheet{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.color-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem;text-align:center;transition:transform .2s}.color-card:hover{transform:translateY(-5px)}.color-card h3{font-size:1.2rem;margin-bottom:.5rem;margin-top:.75rem}.color-card p{color:#555;font-size:.9rem;line-height:1.4}.color-card p strong{color:#333}.color-swatch{border:1px solid #eee;border-radius:4px;height:60px;width:100%}.responsive-grid{display:grid;gap:0}.responsive-grid--2-cols{grid-template-columns:1fr 1fr}.responsive-grid--3-cols{grid-template-columns:1fr 1fr 1fr}.responsive-grid--4-cols{grid-template-columns:1fr 1fr 1fr 1fr}.responsive-grid--5-cols{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.responsive-grid--6-cols{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.grid-header{background:var(--primary);border-radius:8px 8px 0 0;color:#fff;font-weight:700;padding:1rem;text-align:center}.grid-row{display:contents}.grid-cell{align-items:center;background:#fff;border:1px solid #e0e0e0;display:flex;justify-content:center;min-height:3rem;padding:.75rem;text-align:center}.grid-cell--header:first-child{color:var(--primary)}.grid-cell:first-child{background:#f8f9fa;border:1px solid #e0e0e0;font-weight:700;justify-content:flex-start;text-align:left}.grid-cell--header{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.grid-cell--total{background:#e8f5e8;color:#2d5a2d;font-weight:700}@media (max-width:768px){.responsive-grid{gap:1rem}.responsive-grid--2-cols,.responsive-grid--3-cols,.responsive-grid--4-cols,.responsive-grid--5-cols,.responsive-grid--6-cols{grid-template-columns:1fr}.grid-header{display:none}.grid-row{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:0;grid-template-columns:1fr;overflow:hidden}.grid-cell{align-items:center;border:none;border-bottom:1px solid #e0e0e0;border-radius:0;display:flex;font-size:.9rem;justify-content:space-between;min-height:auto;padding:.75rem 1rem}.grid-cell:last-child{border-bottom:none}.grid-cell:first-child{background:var(--primary);color:#fff;font-size:1rem;font-weight:700;justify-content:center;padding:1rem;text-align:center}.grid-cell--header{display:none}.grid-cell--total{background:#e8f5e8;color:#2d5a2d;font-weight:700}.grid-cell:not(:first-child):before{color:var(--primary);content:attr(data-label);flex-shrink:0;font-weight:700;margin-right:.5rem;min-width:80px}}@media (min-width:769px) and (max-width:1024px){.responsive-grid--4-cols,.responsive-grid--5-cols,.responsive-grid--6-cols{grid-template-columns:1fr 1fr}.responsive-grid--3-cols{grid-template-columns:1fr 1fr 1fr}.grid-cell{font-size:.9rem;padding:.5rem}}@media (min-width:1025px){.grid-cell{font-size:1rem;padding:1rem}}.cost-comparison-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:2rem 0}.cost-comparison-grid .grid-cell:first-child{background:#f8f9fa;font-weight:700}@media (max-width:768px){.cost-comparison-grid{grid-template-columns:1fr}}.material-comparison-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:2rem 0}@media (max-width:768px){.material-comparison-grid{grid-template-columns:1fr}}.regional-pricing-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin:2rem 0}@media (max-width:768px){.regional-pricing-grid{grid-template-columns:1fr}}