/* Scoped additions only: the application and existing landing layout are unchanged. */
.guide-skip { position: absolute; left: 20px; top: -80px; z-index: 30; padding: 12px; background: var(--panel); }
.guide-skip:focus { top: 12px; }
.guide-shell { max-width: 850px; padding-block: 35px 30px; }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: #a5b1bf; font-size: 12px; margin-bottom: 38px; }
.guide-breadcrumb a { text-decoration: underline; text-underline-offset: 3px; }
.guide-intro h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.13; letter-spacing: -.045em; margin: 20px 0; }
.guide-answer { font-size: 19px; color: #c6d3df; line-height: 1.65; }
.guide-date { color: #a5b1bf; font: 11px/1.8 var(--mono); }
.guide-intro > p:last-child { margin-top: 32px; font-size: 16px; }
.guide-cta { margin-block: 26px; padding: 22px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; }
.guide-cta p { font-size: 13px; color: #b3bfcc; margin: 10px 0 0; }
.guide-toc { margin: 32px 0; padding: 20px 24px; border-left: 2px solid var(--accent); background: rgba(21,25,32,.5); }
.guide-toc strong { display: block; margin-bottom: 8px; }
.guide-toc a { display: block; color: #b8cee3; padding-block: 4px; }
.guide-toc a:hover { text-decoration: underline; }
.guide-body { font-size: 16px; line-height: 1.85; }
.guide-body section { margin-block: 44px; scroll-margin-top: 95px; }
.guide-body h2 { font-size: 26px; line-height: 1.3; letter-spacing: -.025em; margin-bottom: 20px; }
.guide-body h3 { font-size: 18px; line-height: 1.5; }
.guide-body li { margin-bottom: 15px; padding-left: 5px; }
.guide-body a { color: #8bcef2; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.guide-body .button { color: #071018; text-decoration: none; }
.worksheet-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.guide-worksheet { border-collapse: collapse; width: 100%; min-width: 600px; font-size: 13px; }
.guide-worksheet caption { text-align: left; padding: 12px 16px; color: var(--ink); font-weight: 700; background: var(--panel); }
.guide-worksheet td, .guide-worksheet th { text-align: left; padding: 14px 16px; border-top: 1px solid var(--line); }
.guide-worksheet th { font-weight: 500; }
.guide-worksheet thead { background: var(--panel); }
.guide-worksheet td { color: #a5b1bf; }
.guide-warning { padding: 12px 22px; border-left: 3px solid var(--warn); background: rgba(217,164,65,.07); }
.guide-small { font-size: 13px; color: #aebac8; line-height: 1.8; }
.guide-signals { font-size: 14px; }
.guide-signals > div { display: flex; gap: 18px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.guide-signals dt { min-width: 35px; font-family: var(--mono); color: #8bcef2; }
.guide-signals dd { margin: 0; }
.guide-faq { border-top: 1px solid var(--line); padding-block: 8px; }
.guide-directory { padding-block: 38px 60px; }
.guide-directory h2 { font-size: 26px; letter-spacing: -.025em; }
.guide-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.guide-links > a { display: block; padding: 22px; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; }
.guide-links > a:hover { border-color: var(--accent); }
.guide-links strong { display: block; font-size: 15px; color: var(--ink); margin-bottom: 10px; }
.guide-links span { display: block; font-size: 12px; line-height: 1.7; color: #afbbc9; }
.guide-footer { border-top: 1px solid var(--line); padding-block: 24px; font-size: 12px; color: #aebac8; }
@media (max-width: 680px) {
  .guide-links { grid-template-columns: 1fr; }
  .buyer-guide .nav { gap: 10px; }
  .buyer-guide .brand-name { font-size: 16px; }
  .buyer-guide .nav-actions { gap: 7px; }
  .buyer-guide .header-cta { max-width: 130px; text-align: center; padding: 6px 9px; }
  .guide-answer { font-size: 17px; }
  .guide-cta { padding: 18px; }
}
@media print {
  .buyer-guide { color: #000; background: #fff; font-size: 11pt; }
  .buyer-guide::before, .buyer-guide .site-header, .guide-toc, .guide-cta, .guide-directory, .guide-footer, .guide-skip { display: none; }
  .guide-shell { width: 100%; max-width: none; padding: 0; }
  .guide-body, .guide-answer, .guide-date, .guide-small { color: #000; }
  .guide-body section { margin-block: 24px; }
  .guide-worksheet { min-width: 0; width: 100%; color: #000; }
  .guide-worksheet td { color: #000; }
  .guide-worksheet caption, .guide-worksheet thead, .guide-warning { background: #fff; color: #000; }
  .guide-links, .guide-faq, .guide-signals > div { break-inside: avoid; }
}