/* One shared guide. Kept in existing component / responsive layers. */
@layer components {
  .guide-widget { border:1px solid #4b544e;border-radius:10px;background:#1b1e1c;padding:30px 34px; }
  .guide-meta { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px; }
  .guide-step { font:11px/1.6 Arial,sans-serif;letter-spacing:.14em;color:#c8ddc9; }
  .guide-limit { font-size:11px;color:#99a69d;margin:0!important; }
  .guide-track { height:2px;background:#343b36;margin-bottom:30px; }
  .guide-track span { display:block;height:100%;width:33.333%;background:#c8ddc9;transition:width .2s ease; }
  .guide-question { font-size:clamp(21px,2vw,29px);margin:0 0 10px;line-height:1.65; }
  .guide-question:focus { outline:none; }
  .guide-context { margin:0 0 28px!important;color:#a8b8ac;font-size:12px;line-height:1.8; }
  .guide-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:27px; }
  .guide-option { position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;min-height:106px;text-align:left;background:#202522;border:1px solid #414d44;border-radius:6px;padding:20px 45px 20px 20px;line-height:1.7; }
  .guide-option:hover { background:#2b342d;border-color:#8ca38f; }
  .guide-option strong { font-size:16px;font-weight:500;overflow-wrap:anywhere; }
  .guide-option small { color:#aebbb2;font-size:12px;overflow-wrap:anywhere; }
  .guide-option .guide-option-arrow { position:absolute;right:18px;top:calc(50% - 10px);color:#bdd1c0;font:18px/1 Arial,sans-serif; }
  .guide-option:last-child:nth-child(odd) { grid-column:1/-1;min-height:85px; }
  .guide-controls { display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #3c4840;margin-top:28px;padding-top:18px; }
  .guide-controls button { border:0;background:none;padding:8px 0;color:#b7c6bb;font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px; }
  .guide-controls button:hover { color:white; }
  .guide-status { position:absolute;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
  .guide-result-label { font-size:11px;color:#afc5b3;letter-spacing:.08em;margin-bottom:13px; }
  .guide-answer { max-width:49em;color:#c2cec5;font-size:14px;line-height:2;margin-top:22px; }
  .guide-check { margin:28px 0;border-left:2px solid #728d79;padding:2px 0 2px 21px; }
  .guide-check h4 { font-size:13px;color:#dbe4dc;font-weight:500;margin:0 0 9px; }
  .guide-check p { font-size:13px;color:#acbdb0;max-width:50em;margin:0; }
  .guide-links { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:29px 0; }
  .guide-links a { display:flex;align-items:center;justify-content:space-between;gap:17px;border:1px solid #526257;border-radius:5px;padding:17px 20px;font-size:13px;line-height:1.7;min-width:0; }
  .guide-links a:hover { background:#2a342d; }
  .guide-result-actions { display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
  .guide-result-actions p { color:#a6b5ab;font-size:11px;max-width:30em;line-height:1.8; }
  .guide-direct { display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px; }
  .guide-direct p { color:#a4b0a8;font-size:12px; }
  .guide-direct a { flex-shrink:0;font-size:13px; }
  .guide-fallback p { font-size:16px;color:#d3dfd5; }
  .guide-fallback-links { display:flex;gap:15px 25px;flex-wrap:wrap;margin-top:25px; }
  .guide-fallback-links a { font-size:14px;text-decoration:underline;text-underline-offset:6px; }
  .guide-compact { padding:40px 0;border-bottom:1px solid var(--line);background:#1d221f; }
  .guide-compact .wrap { display:flex;align-items:center;justify-content:space-between;gap:35px; }
  .guide-compact .eyebrow { margin-bottom:12px;font-size:10px; }
  .guide-compact h2 { font-size:23px; }
  .guide-compact p:not(.eyebrow) { color:#acbcb0;font-size:12px;margin-top:10px; }
  .guide-compact .button { flex-shrink:0;font-size:13px; }
  .guide-transfer-note { padding:14px 16px;border:1px solid #55695b;border-radius:6px;margin-bottom:22px;font-size:12px;color:#bdcfc2;background:#242e27; }
}
@layer responsive {
  @media(max-width:1100px) { .guide-option strong { font-size:15px; }.guide-widget { padding:27px; }.guide-links { grid-template-columns:1fr; } }
  @media(max-width:680px) {
    .guide-widget { padding:23px 19px;border-radius:7px; }
    .guide-meta { align-items:flex-start;gap:12px; }
    .guide-limit { font-size:10px; }
    .guide-track { margin-bottom:25px; }
    .guide-question { font-size:22px; }
    .guide-options { grid-template-columns:1fr;margin-top:23px;gap:10px; }
    .guide-option,.guide-option:last-child:nth-child(odd) { min-height:91px;padding:17px 37px 17px 16px;gap:6px; }
    .guide-option strong { font-size:15px; }
    .guide-option small { font-size:11px; }
    .guide-option .guide-option-arrow { right:14px; }
    .guide-context { font-size:11px;margin-bottom:20px!important; }
    .guide-answer { font-size:13px; }
    .guide-check { padding-left:15px; }
    .guide-check p { font-size:12px; }
    .guide-links { margin:23px 0; }
    .guide-links a { font-size:12px;padding:15px; }
    .guide-result-actions { display:block; }
    .guide-result-actions .button { width:100%;font-size:13px;gap:15px;padding:14px 16px; }
    .guide-result-actions p { margin-top:14px; }
    .guide-controls { gap:10px; }
    .guide-direct { display:block; }
    .guide-direct a { margin-top:7px; }
    .guide-compact .wrap { display:block; }
    .guide-compact h2 { font-size:21px; }
    .guide-compact .button { margin-top:22px; }
  }
}