/* ===== ITER-03 content styles (native light zone, scoped to .i3-root) ===== */
.i3-root{--card:#ffffff;--bg2:#eef0f3;--ink:#181818;--muted:#6b7280;--line:#e4e7ec;--accent:#5554de;--accent2:#3d3cc9;--green:#17a673;--gold:#c98a00;--dark:#2b2b2b;background:#e5e7eb;color:var(--ink);font-family:'Poppins',sans-serif;line-height:1.7;font-size:16px;padding:8px 0 36px}
.i3-root *{box-sizing:border-box}
.i3-wrap{max-width:920px;margin:0 auto;padding:0 20px}
.i3-root a{color:var(--accent);text-decoration:none}
.i3-root a:hover{text-decoration:underline}
.i3-root h1,.i3-root h2,.i3-root h3,.i3-root h4{font-family:'Poppins',sans-serif;line-height:1.28;color:var(--ink);margin:0;font-weight:600}
.i3-root h1{font-size:1.9rem;font-weight:700;margin:.4em 0 .5em}
.i3-root h2{font-size:1.45rem;font-weight:700;margin:1.6em 0 .6em}
.i3-root h3{font-size:1.12rem;margin:1.3em 0 .4em}
.i3-root p{margin:.6em 0;color:var(--ink)}
.i3-root ul,.i3-root ol{margin:.6em 0 .6em 1.2em}
.i3-root li{margin:.35em 0}
.i3-root strong,.i3-root b{color:var(--ink);font-weight:600}
.i3-crumb{font-size:.8rem;color:var(--muted);padding:14px 0 0}
.i3-crumb a{color:var(--muted)}
.i3-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:.4em 0 1em;font-size:.85rem;color:var(--muted)}
.i3-meta .author{display:flex;align-items:center;gap:8px}
.i3-meta .author img{width:32px;height:32px;border-radius:50%;background:var(--bg2);object-fit:cover}
.i3-stars{color:var(--gold);letter-spacing:1px}
.i3-disclosure{font-size:.78rem;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 15px;margin:.6em 0 1.2em}
/* featured hero: dark like the native rating card */
.i3-bonus-hero{background:var(--dark);color:#fff;border:1px solid #000;border-radius:16px;padding:22px;margin:1.4em 0;display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.i3-bonus-hero h3{color:#fff}
.i3-bonus-hero p{color:#d7dae3 !important}
.i3-bonus-hero img{width:76px;height:76px;border-radius:14px;background:#fff;object-fit:contain;padding:6px}
.i3-bonus-hero .bh-body{flex:1;min-width:220px}
.i3-bonus-hero .rate{color:var(--gold);font-weight:600;font-size:.9rem}
.i3-bh-list{list-style:none;margin:.6em 0;padding:0;font-size:.9rem;color:#c9ccd6}
.i3-bh-list li{margin:.25em 0}
.i3-bh-list li b{color:#fff}
.i3-root a.i3-btn,.i3-btn{display:inline-block;background:var(--accent);color:#fff !important;font-family:'Poppins';font-weight:600;font-size:.9rem;padding:11px 24px;border-radius:10px;border:none;cursor:pointer;text-decoration:none}
.i3-root a.i3-btn:hover,.i3-btn:hover{background:var(--accent2);text-decoration:none;color:#fff !important}
.i3-btn-sm{padding:8px 18px;font-size:.82rem;margin-top:.4em}
.i3-promo{display:inline-flex;align-items:center;border:1px dashed var(--gold);border-radius:10px;overflow:hidden;margin:.4em 0}
.i3-promo .code{font-family:'Poppins';font-weight:700;letter-spacing:1px;color:#ffd479;padding:9px 15px;background:rgba(201,138,0,.18)}
.i3-promo .copy-btn{background:rgba(255,255,255,.08);border:none;border-left:1px dashed var(--gold);color:#d7dae3;padding:9px 15px;cursor:pointer;font-family:'Poppins';font-size:.82rem}
.i3-promo .copy-btn:hover{color:#fff}
.i3-scroll{overflow-x:auto;margin:1em 0;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.i3-root table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:560px}
.i3-root th,.i3-root td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.i3-root th{background:#f3f4f6;font-family:'Poppins';font-weight:600;color:#4b5563;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}
.i3-root tr:last-child td{border-bottom:none}
.i3-root td a.mini{font-size:.82rem;font-weight:600}
.i3-block{border-left:4px solid var(--green);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:0 14px 14px 0;padding:15px 20px;margin:1em 0}
.i3-block.ext{border-left-color:var(--gold)}
.i3-remark{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:11px 15px;margin:.7em 0;font-size:.88rem;color:#4b5563}
.i3-remark b{color:var(--accent);font-family:'Poppins'}
.i3-steps{list-style:none;counter-reset:s;margin:1em 0;padding:0}
.i3-steps li{counter-increment:s;position:relative;padding:13px 14px 13px 56px;border:1px solid var(--line);border-radius:12px;margin:.5em 0;background:var(--card)}
.i3-steps li::before{content:counter(s);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;font-family:'Poppins';font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.i3-steps li b{display:block;margin-bottom:2px}
.i3-calc{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;padding:15px 20px;margin:1em 0;font-size:.9rem}
.i3-calc .eq{font-family:'Poppins';font-weight:600;color:var(--ink);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:8px 13px;margin:.5em 0;display:inline-block}
.i3-midcta{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:1.6em 0;flex-wrap:wrap}
.i3-midcta img{width:58px;height:58px;border-radius:12px;background:#fff;border:1px solid var(--line);padding:5px;object-fit:contain}
.i3-midcta .mc-body{flex:1;min-width:200px}
.i3-midcta p{margin:0;font-size:.87rem;color:var(--muted)}
.i3-cmp td.us,.i3-cmp th.us{background:rgba(85,84,222,.08);border-left:1px solid var(--accent);border-right:1px solid var(--accent)}
.i3-cmp th.us{color:var(--accent)}
.i3-cmp tr:first-child th.us{border-top:1px solid var(--accent)}
.i3-bio{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:1.6em 0}
.i3-bio img{width:64px;height:64px;border-radius:50%;background:var(--bg2);object-fit:cover}
.i3-bio .role{color:var(--accent);font-size:.82rem;font-family:'Poppins';font-weight:600}
.i3-bio p{font-size:.88rem;color:var(--muted);margin:.4em 0 0}
.i3-faq{border:1px solid var(--line);border-radius:12px;margin:.5em 0;overflow:hidden;background:var(--card)}
.i3-faq .q{width:100%;text-align:left;background:none;border:none;color:var(--ink);font-family:'Poppins';font-weight:600;font-size:.98rem;padding:15px 44px 15px 16px;cursor:pointer;position:relative}
.i3-faq .q::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.3rem}
.i3-faq.open .q::after{content:'−'}
.i3-faq .a{max-height:0;overflow:hidden;transition:max-height .28s ease;padding:0 16px}
.i3-faq.open .a{max-height:520px;padding:0 16px 15px}
.i3-faq .a p{color:var(--muted);font-size:.9rem;margin:0}
.i3-related{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:1em 0}
.i3-related a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 15px;font-size:.85rem;color:var(--ink);font-weight:500}
.i3-related a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.i3-rg{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 19px;margin:1.6em 0;font-size:.85rem;color:var(--muted)}
.i3-rg b{color:var(--ink);font-family:'Poppins'}
@media(max-width:860px){.i3-root h1{font-size:1.5rem}.i3-root h2{font-size:1.25rem}.i3-related{grid-template-columns:1fr}}
@media(max-width:600px){.i3-root{font-size:15px}.i3-bonus-hero{padding:16px}}
@media(max-width:380px){.i3-wrap{padding:0 14px}}