.page-hero{position:relative;padding:calc(80px + var(--spacing-xxl)) 0 var(--spacing-xxl);background-size:cover;background-position:center;color:#fff;text-align:center}
.page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(47,27,20,.82),rgba(139,69,19,.7))}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-family:var(--font-secondary);font-size:2.8rem;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5)}
.page-hero p{font-size:1.2rem;color:var(--accent-color)}
.breadcrumb{font-size:.9rem;color:var(--text-light);padding:var(--spacing-sm) 0}
.breadcrumb a{color:var(--primary-color);text-decoration:none}
.article{max-width:960px;margin:0 auto}
.article .lead{font-size:1.1rem;line-height:1.9;color:var(--text-secondary);background:#fff;border-left:4px solid var(--accent-color);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}
.article h2{font-family:var(--font-secondary);color:var(--primary-color);font-size:1.8rem;margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:.4rem;border-bottom:2px solid var(--border-color)}
.article p,.article>ul li,.article .block>ul li{line-height:1.9;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}
.article .block>ul{padding-left:1.4rem}
.article a{color:var(--primary-color)}
.article code{background:var(--background-primary);border:1px solid var(--border-color);padding:0 .3rem;border-radius:4px;font-size:.9em}
.article .note{font-size:.9rem;color:var(--text-light)}
.article .guide-grid{margin:var(--spacing-md) 0}
.table-wrap{overflow-x:auto;margin:var(--spacing-md) 0}
.kw-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.kw-table th{background:var(--gradient-primary);color:#fff;padding:.7rem;text-align:left;white-space:nowrap}
.kw-table td{padding:.65rem .7rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem}
.faq-list details{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-sm)}
.faq-list summary{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-weight:600;color:var(--primary-color);list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::before{content:'Q ';color:var(--accent-color);font-weight:700}
.faq-list details p{padding:0 var(--spacing-md) var(--spacing-sm);line-height:1.8;color:var(--text-secondary)}
.zone-card{display:block;text-decoration:none;color:inherit}
.zone-card .feature-card{height:100%}
.zone-tags{margin-top:var(--spacing-sm);display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.zone-tags span{background:var(--background-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;padding:.15rem .5rem;border-radius:20px}
.cta-box{text-align:center;margin:var(--spacing-xl) 0}
.disclaimer{font-size:.85rem;color:var(--text-light);background:var(--background-primary);border:1px dashed var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}
.footer-links{margin-bottom:var(--spacing-sm)}
.footer-links a{color:rgba(255,255,255,.75);text-decoration:none;margin:0 .45rem;font-size:.9rem;white-space:nowrap}
.footer-links a:hover{color:var(--accent-color)}
.seo-faq{padding:var(--spacing-xxl) 0;background:var(--background-primary)}
.ishe-zone{padding:var(--spacing-xxl) 0;background:var(--background-secondary)}
.ishe-zone .zone-intro{max-width:860px;margin:0 auto var(--spacing-xl);text-align:center;line-height:1.9;color:var(--text-secondary)}
@media (max-width:768px){.page-hero h1{font-size:2rem}.article h2{font-size:1.45rem}}