.intent-mobile-link { display: block; padding: .65rem 1rem; font-size: .875rem; }
.intent-mobile-link:hover { background: #3f3f46; }
.intent-hero { padding: 3rem 1rem 3.5rem; text-align: center; border-bottom: 1px solid #3f3f46; }
.intent-eyebrow { margin: 0 0 .5rem; color: #fb923c; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.intent-hero h1 { margin: 0; color: #f4f4f5; font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; line-height: 1; }
.intent-lead { max-width: 46rem; margin: 1.25rem auto 0; color: #d4d4d8; font-size: 1.125rem; line-height: 1.75; }
.intent-stamp { margin: 1.25rem 0 0; color: #a1a1aa; font-size: .875rem; }
.intent-status { display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr); margin: 2.5rem 0; padding: 1.5rem; border: 1px solid; border-radius: .5rem; }
.intent-status h2, .intent-panel h2 { margin: 0; color: #f4f4f5; font-size: 1.5rem; font-weight: 700; }
.intent-status p { margin: 0; color: #d4d4d8; line-height: 1.65; }
.intent-status-caution { border-color: rgba(234, 179, 8, .55); background: rgba(161, 98, 7, .15); }
.intent-status-positive { border-color: rgba(34, 197, 94, .55); background: rgba(22, 101, 52, .15); }
.intent-panel { padding: 1.5rem; border: 1px solid #3f3f46; border-radius: .5rem; background: rgba(39, 39, 42, .45); }
.intent-panel p { line-height: 1.7; }
.intent-panel a, .intent-related a { color: #fb923c; }
.intent-panel a:hover, .intent-related a:hover { color: #fdba74; }
.intent-fact-grid { display: grid; gap: 1px; margin: 2.5rem 0; overflow: hidden; border: 1px solid #3f3f46; border-radius: .5rem; background: #3f3f46; }
.intent-fact { padding: 1.25rem; background: #27272a; }
.intent-fact strong { display: block; color: #f4f4f5; font-size: 1.25rem; }
.intent-fact span { display: block; margin-top: .25rem; color: #a1a1aa; font-size: .875rem; }
.intent-related { display: flex; flex-wrap: wrap; gap: .75rem; padding: 1.5rem 0; border-top: 1px solid #3f3f46; }
.intent-related h2 { width: 100%; margin: 0 0 .25rem; color: #f4f4f5; font-size: 1.25rem; font-weight: 700; }
.intent-related a { padding: .5rem .75rem; border: 1px solid #52525b; border-radius: .375rem; }
.site-nav-more summary::-webkit-details-marker { display: none; }
.site-nav-more[open] summary { color: #fb923c; }
.site-nav-menu a { font-size: .875rem; white-space: nowrap; }
.keyword-page-reading { margin-top: 3.5rem; }
.keyword-reading { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); align-items: center; margin-bottom: 3.5rem; padding: 1.5rem; border-top: 1px solid #3f3f46; }
.keyword-reading-copy h2 { margin: 0; color: #f4f4f5; font-size: 1.875rem; font-weight: 700; }
.keyword-reading-copy p:last-child { margin: 1rem 0 0; color: #d4d4d8; line-height: 1.9; }
.keyword-reading img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: .5rem; box-shadow: 0 20px 35px rgba(0, 0, 0, .28); }
@media (min-width: 768px) { .keyword-reading { grid-template-columns: minmax(0, 1.2fr) minmax(16rem, .8fr); padding: 2rem 0; } .keyword-reading-alt .keyword-reading-copy { order: 2; } .keyword-reading-alt img { order: 1; } }
@media (min-width: 768px) { .intent-status { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; } .intent-fact-grid { grid-template-columns: repeat(3, 1fr); } }