/* ── Question Block ── */
    .question-block{
      margin:0 18px 6px;padding:16px 18px;
      background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 40%,#fff 100%);
      border:1px solid rgba(245,158,11,.22);
      border-left:5px solid #f59e0b;
      border-radius:0 var(--r14) var(--r14) 0;
    }
    .question-block .q-label{
      display:inline-flex;align-items:center;gap:5px;
      font-size:11px;font-weight:900;color:#92400e;
      background:#fde68a;border:1px solid #fcd34d;
      padding:2px 10px;border-radius:20px;
      letter-spacing:.3px;text-transform:uppercase;margin:0 0 8px;
    }
    .question-block p{
      margin:0 !important;font-size:14.5px !important;
      line-height:1.7 !important;color:#451a03 !important;font-weight:600;
    }
    .question-block strong{color:#0f172a;font-weight:900;}
    .question-block .q-options{
      margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;
    }
    .question-block .q-opt{
      font-size:12.5px;font-weight:800;
      padding:4px 12px;border-radius:20px;
      border:1px solid #e5e7eb;background:#fff;color:var(--muted);
    }
    .question-block .q-opt.q-correct{
      border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.1);
      color:#065f46;
    }
    @media(max-width:520px){
      .question-block{margin:0 8px 4px;padding:12px 12px;}
    }

    /* ── Inline Input Group (input + dropdown joined + steppers) ── */
    .q-input-group{
      display:inline-flex;align-items:stretch;vertical-align:middle;
      border:2px solid rgba(37,99,235,.32);border-radius:10px;
      overflow:hidden;background:#fff;margin:2px 3px;
      transition:border-color .18s ease,box-shadow .18s ease;
    }
    .q-input-group:focus-within{
      border-color:rgba(37,99,235,.7);
      box-shadow:0 0 0 3px rgba(37,99,235,.12);
    }
    .q-inline-input{
      width:62px;padding:4px 6px;border:0;outline:none;
      background:transparent;color:#0f172a;
      font-size:15px;font-weight:900;text-align:center;
      -moz-appearance:textfield;
    }
    .q-inline-input::-webkit-outer-spin-button,
    .q-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
    .q-inline-select{
      padding:4px 20px 4px 6px;border:0;
      border-left:1.5px solid rgba(229,231,235,.9);
      background:linear-gradient(180deg,#f8fbff,#f1f5ff);color:#6d28d9;
      font-size:12px;font-weight:900;cursor:pointer;outline:none;
      -webkit-appearance:none;appearance:none;white-space:nowrap;
    }
    .q-unit-wrap{display:inline-flex;position:relative;align-items:stretch;}
    .q-unit-wrap::after{
      content:"";position:absolute;right:6px;top:50%;
      width:5px;height:5px;
      border-right:1.5px solid #6d28d9;border-bottom:1.5px solid #6d28d9;
      transform:translateY(-65%) rotate(45deg);pointer-events:none;opacity:.65;
    }
    /* Stepper buttons */
    .q-stepper{
      display:flex;flex-direction:column;
      border-left:1.5px solid rgba(229,231,235,.9);
    }
    .q-stepper button{
      border:0;background:transparent;cursor:pointer;
      padding:0 7px;font-size:10px;font-weight:900;color:var(--muted);
      line-height:1;display:flex;align-items:center;justify-content:center;
      flex:1;transition:background .12s ease,color .12s ease;user-select:none;
    }
    .q-stepper button:hover{background:rgba(37,99,235,.08);color:var(--brand);}
    .q-stepper button:active{background:rgba(37,99,235,.16);}
    @media(max-width:420px){
      .q-inline-input{width:48px;font-size:13px;padding:3px 4px;}
      .q-inline-select{font-size:11px;padding:3px 16px 3px 4px;}
      .q-stepper button{padding:0 5px;font-size:9px;}
    }
    /* ── Method tabs ── */
    .method-tabs{
      display:flex;gap:0;margin:0 0 12px;border-bottom:2px solid var(--line);
    }
    .method-tab{
      padding:8px 14px;font-size:12px;font-weight:800;
      color:var(--muted);cursor:pointer;border:0;background:transparent;
      border-bottom:3px solid transparent;margin-bottom:-2px;
      transition:color .15s ease,border-color .15s ease;white-space:nowrap;
    }
    .method-tab:hover{color:var(--text);}
    .method-tab.active{color:var(--brand);border-bottom-color:var(--brand);}
    .method-panel{display:none;}
    .method-panel.active{display:block;}
    @media(max-width:480px){.method-tab{padding:6px 9px;font-size:11px;}}
    .method-tab-sub{display:block;font-size:10px;font-weight:700;color:var(--muted2);margin-top:1px;}
    .method-tab.active .method-tab-sub{color:var(--brand);}

    /* ── Result Display ── */
    .result-card{
      margin:14px 18px;padding:18px 20px;
      background:linear-gradient(135deg,#f0f9ff 0%,#eff6ff 50%,#fff 100%);
      border:1px solid rgba(37,99,235,.18);
      border-left:5px solid var(--brand);
      border-radius:0 var(--r14) var(--r14) 0;
    }
    .result-card .result-label{
      font-size:12px;font-weight:700;color:var(--muted2);
      letter-spacing:.3px;text-transform:uppercase;margin:0 0 6px;
    }
    .result-card .result-value{
      font-size:clamp(22px,3vw,32px);font-weight:950;
      color:var(--text);letter-spacing:-.3px;margin:0;
    }
    .result-card .result-value .result-unit{
      font-size:60%;font-weight:800;color:var(--brand);margin-left:4px;
    }
    .result-card .result-sub{
      font-size:13px;color:var(--muted);margin:6px 0 0;
    }
    @media(max-width:520px){
      .result-card{margin:10px 8px;padding:14px 14px;}
    }

    /* ── Steps ── */
    .steps-area{padding:0 18px 18px;}
    @media(max-width:520px){.steps-area{padding:0 8px 14px;}}

    /* ── Formula Visual ── */
    .formula-visual{
      display:flex;align-items:center;justify-content:center;
      gap:8px;flex-wrap:wrap;
      padding:16px;margin:14px 18px;
      background:linear-gradient(135deg,#faf5ff,#fff);
      border:1px solid rgba(139,92,246,.18);
      border-radius:var(--r16);
    }
    .formula-visual code{
      font-family:monospace;font-weight:900;font-size:15px;
      color:#6d28d9;background:rgba(139,92,246,.1);
      padding:4px 12px;border-radius:8px;
    }
    /* Stacked fraction overrides for this page */
    .formula-visual .mfrac .top,
    .formula-visual .mfrac .bottom{color:#6d28d9;font-family:system-ui,-apple-system,sans-serif;}
    .formula-visual .mfrac .bar{background:#6d28d9;}
    .seo-example-formula .mfrac .top,
    .seo-example-formula .mfrac .bottom{color:var(--text);font-family:monospace;font-size:13px;}
    .seo-example-formula .mfrac .bar{background:var(--text);}
    .example-sol .mfrac .top,
    .example-sol .mfrac .bottom{color:var(--text);font-family:monospace;font-size:.9rem;}
    .example-sol .mfrac .bar{background:var(--text);}
    /* ── Examples grid: auto-fit for all 6 cards ── */
    .seo-examples-grid{
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
    }
    @media(max-width:520px){.formula-visual{margin:10px 8px;}}

    /* ── Breadcrumb ── */
    .breadcrumb{
      padding:10px 18px 0;font-size:12px;color:var(--muted2);
    }
    .breadcrumb a{color:var(--brand);text-decoration:none;}
    .breadcrumb a:hover{text-decoration:underline;}
    .breadcrumb .sep{margin:0 6px;opacity:.5;}
    @media(max-width:520px){.breadcrumb{padding:8px 8px 0;}}

    /* ── Default Example Tag ── */
    .default-tag{
      display:inline-flex;align-items:center;gap:5px;
      font-size:11px;font-weight:800;color:#0369a1;
      background:#e0f2fe;border:1px solid #bae6fd;
      padding:3px 10px;border-radius:20px;
      margin:0 0 0 8px;letter-spacing:.2px;
    }

    /* ── Action row ── */
    .calc-actions{
      padding:0 18px 14px;display:flex;gap:10px;flex-wrap:wrap;
      align-items:center;
    }
    @media(max-width:520px){
      .calc-actions{padding:0 8px 10px;}
      .calc-actions .btn{flex:1;}
    }
    /* ── Print: hide pagination ── */
    @media print{
      /* Hide everything by default */
      body{background:#fff !important;padding:0 !important;}
      #scrollProgress,
      .skip,
      #siteHeader,
      .adbox,
      .breadcrumb,
      .calc-pagination,
      .headline,
      .formula-visual,
      .calc-actions,
      .hint,
      .toc,
      .seo-intro-para,
      .side,
      .contentGrid,
      .seo-section,
      footer,
      .sw-card{display:none !important;}

      /* Show question + steps */
      .question-block{
        margin:0 !important;border:1px solid #ccc !important;
        border-left:4px solid #f59e0b !important;
        break-inside:avoid;
      }
      .q-inline-input{border:1px solid #999 !important;background:#fff !important;}
      .q-inline-select{border:1px solid #999 !important;}
      .q-stepper{display:none !important;}
      .q-input-group{border:1px solid #999 !important;}
      .steps-area{padding:12px 0 !important;}
      .result-card{
        border:1px solid #2563eb !important;border-left:4px solid #2563eb !important;
        background:#f8fbff !important;margin:0 0 12px !important;
      }
      .method-tabs{border-bottom:1px solid #ccc !important;}
      .method-tab{color:#999 !important;border-bottom-color:transparent !important;}
      .method-tab.active{color:#000 !important;border-bottom-color:#000 !important;}
      /* Show ALL method panels when printing */
      .method-panel{display:block !important;page-break-inside:avoid;margin-bottom:16px;}
      .method-panel::before{
        content:attr(id);display:block;
        font-weight:900;font-size:14px;color:#2563eb;
        text-transform:uppercase;letter-spacing:.5px;
        margin:0 0 8px;padding:6px 0;border-bottom:1px solid #e5e7eb;
      }
      #m1::before{content:"Method 1 — Formula";}
      #m2::before{content:"Method 2 — Shortcut";}
      #m3::before{content:"Method 3 — Hour Logic";}
      #m4::before{content:"Method 4 — Minute Logic";}
      .stepBox{box-shadow:none !important;border:1px solid #e5e7eb !important;}
      .card{box-shadow:none !important;border:none !important;border-radius:0 !important;}
      .hero{display:block !important;grid-template-columns:1fr !important;}
      /* Hide method tabs in print since all panels shown */
      .method-tabs{display:none !important;}
      .detailHeader{font-size:16px !important;margin:12px 0 !important;}
    }