/* Static English pages. Layered on top of style.css and experience.css. */
.card img,.main-photo{height:auto}
.page-intro{padding:60px 6% 10px;max-width:1500px;margin:auto}
.page-intro h1{font-size:clamp(34px,4.6vw,62px);line-height:1.15;letter-spacing:-1px;margin:18px 0}
.page-intro p{max-width:720px;font-size:15px}
.page-intro+#collection{padding-top:30px}
.crumbs{font-size:12px;color:#7b846e;margin-bottom:24px;line-height:1.8}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.category-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:18px 0 34px;border-top:1px solid var(--line)}
.category-tabs a{padding:10px 17px;font-size:12px;color:#697261;min-height:40px}
.category-tabs a:hover{background:#ebe9df}
.category-tabs a[aria-current]{background:#1c2a21;color:#fff}
.product-text{font-size:14px;margin:0 0 20px}
.related{max-width:1500px;margin:auto;padding:0 6% 80px}
.related #grid{margin-bottom:28px}
.prose-section{padding:40px 6% 90px;max-width:1500px;margin:auto}
.prose{max-width:760px}
.prose h2{font-size:clamp(26px,3vw,38px);margin:38px 0 14px}
.prose h3{font-size:15px;font-weight:600;margin:24px 0 2px}
.prose p,.prose li{font-size:15px;line-height:1.85;color:#5f665b}
.prose p{margin:8px 0}
.prose ol,.prose ul{padding-inline-start:22px}
.prose li{margin-bottom:8px}
.prose strong{color:var(--ink);font-weight:600}
.text-link{color:#7a5f2c;text-decoration:underline;text-underline-offset:3px;margin-inline-end:14px}
.text-link:hover{color:var(--ink)}
.seo-intro{padding-top:0}
.seo-intro .prose h2{margin-top:14px}
.page-intro .button{margin-top:6px}
.page-intro .article-title{max-width:980px;font-size:clamp(32px,4vw,54px)}
.article-body{padding-top:14px}
.article-body .prose>p:first-child{font-size:17px;line-height:1.75;color:#3f463d}
.table-scroll{overflow-x:auto;margin:16px 0}
.prose table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;line-height:1.6;color:#5f665b}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.prose th{color:var(--ink);font-weight:600;background:#ebe9df}
.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.guide-card{display:block;padding:28px;background:#fbfaf6;border:1px solid var(--line);transition:border-color .2s,transform .2s}
.guide-card:hover{border-color:#9d8658;transform:translateY(-3px)}
.guide-card h2{font-size:24px;line-height:1.3;margin:0 0 12px}
.guide-card p{font-size:14px;line-height:1.7;margin:0 0 16px}
.not-found{min-height:320px}
.site-footer{display:block;padding:36px 6%;color:#6b7063;font-size:11px;background:#efeee6}
.footer-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 25px}
.footer-main a:hover,.footer-links a:hover,.footer-languages a:hover{text-decoration:underline}
.footer-links,.footer-languages{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;line-height:1.8}
.footer-links{font-size:12px;color:#344333}
.footer-languages{padding-top:16px;border-top:1px solid #dcdbd0}
.footer-languages span{width:100%}
@media(max-width:700px){
 /* Same navigation on every phone page: brand and language on top, 44px links below. */
 header:has(.site-nav){flex-wrap:wrap;padding:6px 20px 2px;min-height:0;gap:0}
 header .brand{display:flex;align-items:center;min-height:44px}
 header .site-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:space-between;flex-shrink:1;gap:0 8px}
 header .site-nav::-webkit-scrollbar{display:none}
 header .site-nav>a{display:flex;flex-shrink:0;white-space:nowrap;align-items:center;justify-content:center;min-height:44px;min-width:36px;padding:0;font-size:12px}
 header .site-nav select{position:absolute;top:6px;inset-inline-end:20px;min-height:44px;font-size:13px;background-position:calc(100% - 14px) 20px,calc(100% - 10px) 20px}
 html[dir=rtl] header .site-nav select{inset-inline:20px auto}
 /* Let the first screen end after its content, so the catalog shows below it. */
 .hero{min-height:0}
 /* Readable type on phones. */
 .eyebrow,.section-heading .eyebrow{font-size:12px;letter-spacing:1px}
 .hero .eyebrow{font-size:12px;letter-spacing:.3px}
 .hero .eyebrow:before{width:18px}
 .hero p{font-size:13px;line-height:1.7}
 .hero .button,.contact .button,.detail .button{font-size:14px}
 .hero-secondary{font-size:13px;min-height:44px}
 .stage-index{font-size:12px;letter-spacing:1px}
 .product-band button{font-size:12px}
 .product-band button:before{margin-inline-end:4px}
 #count{font-size:12px}
 #filters button{font-size:12px}
 .tools input{font-size:16px}
 .card small{font-size:12px;letter-spacing:.5px}
 .card h3{font-size:14px;line-height:1.5}
 .card .meta{font-size:12px}
 .back{font-size:13px}
 .detail .spec{font-size:13px}
 .detail-note{font-size:12px}
 .original-title{font-size:12px}
 footer{font-size:12px}
 .site-footer{font-size:12px}
 .footer-links{font-size:13px}
 .footer-main a,footer a{display:inline-block;padding:8px 0}
 .footer-links,.footer-languages{gap:0 16px}
 .page-intro{padding:34px 20px 6px}
 .page-intro h1{font-size:33px;letter-spacing:-.5px}
 .page-intro p{font-size:14px}
 .related{padding:0 20px 50px}
 .guide-list{grid-template-columns:1fr}
 .guide-card{padding:22px}
 .prose-section{padding:20px 20px 55px}
 .category-tabs a{padding:10px 12px;min-height:44px}
 .site-footer{padding:28px 22px}
 .footer-links a,.footer-languages a{padding:10px 0}
}