/* InstantTeerResults.in — blog figures and interactive pieces (2 Oct 2026)
   Uses the site's light palette. Every figure works without JavaScript as a static illustration. */
.itr-fig{margin:1.75rem 0;padding:1.25rem;background:#f7f8fa;border:1px solid #e1e4e8;border-radius:14px;font-family:'Noto Sans',sans-serif;color:#1a1a1a}
.itr-fig svg{display:block;width:100%;height:auto}
.itr-fig figcaption,.itr-fig .itr-cap{margin-top:.9rem;font-size:.85rem;line-height:1.55;color:#3c4350}
.itr-fig .itr-kicker{display:block;font-family:'Nunito',sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a73e8;margin-bottom:.6rem}
.itr-fig h3.itr-title{font-family:'Nunito',sans-serif;font-size:1.05rem !important;font-weight:800;color:#1a1a1a !important;margin:0 0 .75rem !important}
.itr-fig label{display:block;font-size:.82rem;font-weight:700;color:#1a1a1a;margin:0 0 .3rem}
.itr-fig input[type=text],.itr-fig input[type=date],.itr-fig input[type=number],.itr-fig input[type=search],.itr-fig select{font:inherit;font-size:1rem;padding:.6rem .75rem;border:1px solid #c2c8d0;border-radius:8px;background:#fff;color:#1a1a1a;min-height:44px;max-width:100%}
.itr-fig input:focus,.itr-fig select:focus,.itr-fig button:focus-visible{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.18)}
.itr-fig input[type=range]{width:100%;accent-color:#1a73e8;min-height:32px}
.itr-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}
.itr-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.itr-fig button.itr-chip{font:inherit;font-size:.85rem;font-weight:700;padding:.4rem .7rem;min-height:40px;border:1px solid #c2c8d0;border-radius:8px;background:#fff;color:#1a1a1a;cursor:pointer}
.itr-fig button.itr-chip[aria-pressed=true]{background:#1a73e8;border-color:#1a73e8;color:#fff}
.itr-msg{font-size:.9rem;font-weight:600;color:#3c4350;min-height:1.3em;margin-top:.6rem}

/* number splitter */
.itr-split{display:flex;justify-content:center;gap:.75rem;margin:0 0 1rem}
.itr-digit{flex:0 1 150px;background:#fff;border:2px solid #e1e4e8;border-radius:14px;padding:.9rem .5rem .7rem;text-align:center}
.itr-digit .itr-d{display:block;font-family:'Nunito',sans-serif;font-weight:900;font-size:clamp(3rem,16vw,4.75rem);line-height:1}
.itr-digit .itr-l{display:block;margin-top:.35rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.itr-house{border-color:#1a73e8}.itr-house .itr-d,.itr-house .itr-l{color:#1a73e8}
.itr-ending{border-color:#137333}.itr-ending .itr-d,.itr-ending .itr-l{color:#137333}
.itr-pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem}
.itr-pair .itr-box{background:#fff;border:1px solid #e1e4e8;border-radius:10px;padding:.7rem;text-align:center}
.itr-pair .itr-box b{display:block;font-family:'Nunito',sans-serif;font-size:1.9rem;font-weight:900;line-height:1.1}
.itr-pair .itr-box span{font-size:.75rem;color:#3c4350}

/* arrow counter */
.itr-count{font-family:'Nunito',sans-serif;font-weight:900;font-size:clamp(2.4rem,13vw,4rem);line-height:1;text-align:center;letter-spacing:.02em;color:#5f6b7c;margin:.25rem 0 .35rem}
.itr-count .itr-last{color:#fff;background:#1a73e8;border-radius:10px;padding:0 .12em;margin-left:.06em}
.itr-arrowline{text-align:center;font-size:.9rem;color:#3c4350;margin-bottom:.9rem}
.itr-arrowline b{font-family:'Nunito',sans-serif;font-size:1.25rem;color:#1a73e8}

/* frequency bars */
.itr-bars{display:grid;grid-template-columns:repeat(10,1fr);gap:.3rem;align-items:end;height:170px;margin:1rem 0 .25rem;position:relative;border-bottom:2px solid #c2c8d0}
.itr-bar{position:relative;background:#1a73e8;border-radius:4px 4px 0 0;min-height:2px}
.itr-bar.itr-hi{background:#137333}.itr-bar.itr-lo{background:#b06000}
.itr-bar span{position:absolute;top:-1.25rem;left:0;right:0;text-align:center;font-size:.72rem;font-weight:700;color:#1a1a1a}
.itr-even{position:absolute;left:0;right:0;border-top:2px dashed #c5221f;pointer-events:none}
.itr-even i{position:absolute;right:0;top:-1.15rem;font-style:normal;font-size:.68rem;font-weight:700;color:#c5221f;background:#f7f8fa;padding:0 .2rem}
.itr-axis{display:grid;grid-template-columns:repeat(10,1fr);gap:.3rem;text-align:center;font-family:'Nunito',sans-serif;font-weight:800;font-size:.9rem;color:#1a1a1a}

/* records box */
.itr-records{margin:1.5rem 0;padding:1rem 1.15rem;background:#eff6ff;border:1px solid #d0e4ff;border-left:4px solid #1a73e8;border-radius:0 12px 12px 0}
.itr-records strong.itr-rh{display:block;font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:800;color:#1a1a1a;margin-bottom:.35rem}
.itr-records ul{margin:.25rem 0 0 1.1rem !important;font-size:.9rem !important;line-height:1.65 !important;color:#3c4350}
.itr-records p{font-size:.8rem !important;color:#3c4350 !important;margin:.5rem 0 0 !important}

@media (max-width:480px){.itr-fig{padding:1rem .85rem}.itr-bars{height:140px}}
@media (prefers-reduced-motion:no-preference){.itr-bar{transition:height .35s ease}.itr-digit .itr-d{transition:transform .15s ease}}

/* step strips, number rows, tallies and cards (static visuals) */
.itr-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.itr-step{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:.8rem .75rem}
.itr-step .itr-ico{display:block;font-size:1.5rem;line-height:1;margin-bottom:.35rem}
.itr-step b{display:block;font-family:'Nunito',sans-serif;font-size:1.05rem;font-weight:800;color:#1a73e8;line-height:1.25}
.itr-step span.itr-s{display:block;font-size:.8rem;line-height:1.45;color:#3c4350;margin-top:.2rem}
.itr-step em{display:inline-block;font-style:normal;font-family:'Nunito',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5f6b7c;margin-bottom:.15rem}
.itr-nums{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1rem}
.itr-num{font-family:'Nunito',sans-serif;font-weight:900;font-size:1.3rem;background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:.25rem .55rem;letter-spacing:.04em}
.itr-num i{font-style:normal;color:#1a73e8}.itr-num u{text-decoration:none;color:#137333}
.itr-tallyhead{font-family:'Nunito',sans-serif;font-size:.8rem;font-weight:800;margin:.6rem 0 .3rem}
.itr-tally{display:grid;grid-template-columns:repeat(10,1fr);gap:.25rem;text-align:center}
.itr-tally div{background:#fff;border:1px solid #e1e4e8;border-radius:6px;padding:.3rem 0;font-size:.72rem;color:#3c4350}
.itr-tally div b{display:block;font-family:'Nunito',sans-serif;font-size:1rem;color:#1a1a1a}
.itr-tally.itr-h div.itr-top{border-color:#1a73e8;background:#eff6ff}.itr-tally.itr-h div.itr-top b{color:#1a73e8}
.itr-tally.itr-e div.itr-top{border-color:#137333;background:#eaf5ee}.itr-tally.itr-e div.itr-top b{color:#137333}
.itr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.itr-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:.85rem .4rem;text-align:center}
.itr-card .itr-sym{display:block;font-size:.95rem;font-weight:700;color:#1a1a1a}
.itr-card .itr-cat{display:block;font-size:.7rem;color:#5f6b7c;margin-bottom:.3rem}
.itr-card b{display:block;font-family:'Nunito',sans-serif;font-size:2rem;font-weight:900;line-height:1.1;color:#1a73e8}
@media (min-width:640px){.itr-steps{grid-template-columns:repeat(4,1fr)}}

/* tick list */
.itr-fig label.itr-ck{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;font-weight:600;padding:.6rem .7rem;margin:0 0 .4rem;background:#fff;border:1px solid #e1e4e8;border-radius:10px;cursor:pointer;min-height:44px}
.itr-fig label.itr-ck input{width:20px;height:20px;margin:.1rem 0 0;accent-color:#1a73e8;flex:none}

/* audit 2 Oct 2026: wide tables scroll inside themselves on phones */
@media (max-width:700px){.compare-table,.timing-table,.article-wrap table,.post-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}}