.on3{
 --on3-primary:#027159;
 --on3-primary-strong:#015b48;
 --on3-primary-deep:#013c31;
 --on3-primary-soft:#e9f6f2;
 --on3-secondary:#fdab12;
 --on3-secondary-strong:#e69700;
 --on3-secondary-soft:#fff4dc;
 --on3-accent:#cfe6de;
 --on3-ink:#102d25;
 --on3-muted:#5f756d;
 --on3-line:#d5e7e0;
 --on3-paper:#fff;
 --on3-soft:#f6faf8;
 --on3-up:#086642;
 --on3-down:#a93030;
 --on3-warn:#946200;
 --on3-radius:20px;
 --on3-shadow:0 14px 40px rgba(1,60,49,.08);
 color:var(--on3-ink);
 font-family:inherit;
 font-size:inherit;
 line-height:1.8;
 box-sizing:border-box;
}
.on3 *, .on3 *::before, .on3 *::after{box-sizing:border-box}
.on3 a{color:inherit;text-decoration:none}
.on3 button,.on3 input,.on3 select,.on3 output{font:inherit}
.on3 button,.on3 select,.on3 input{color:inherit}
.on3 .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.on3 a:focus-visible,.on3 button:focus-visible,.on3 input:focus-visible,.on3 select:focus-visible,.on3 summary:focus-visible,.on3-table-wrap:focus-visible{outline:3px solid rgba(253,171,18,.38);outline-offset:3px}

/* Hero */
.on3-hero{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
 gap:clamp(32px,5vw,72px);
 align-items:center;
 min-height:470px;
 margin:14px 0 24px;
 padding:clamp(32px,5vw,64px);
 border:1px solid var(--on3-line);
 border-radius:30px;
 background:linear-gradient(135deg,#fbfdfc 0%,#edf8f4 58%,#e2f1eb 100%);
 box-shadow:0 18px 55px rgba(1,60,49,.07);
}
.on3-hero::before{content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;inset:auto auto -190px -110px;background:rgba(2,113,89,.07);filter:blur(1px)}
.on3-hero::after{content:"";position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;inset:-120px -70px auto auto;border:50px solid rgba(253,171,18,.08)}
.on3-hero-copy{max-width:670px}
.on3-eyebrow,.on3-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--on3-primary);font-size:12px;font-weight:750;letter-spacing:.01em}
.on3-live-dot{width:8px;height:8px;border-radius:999px;background:var(--on3-up);box-shadow:0 0 0 4px rgba(19,122,83,.10)}
.on3-hero h2{max-width:700px;margin:14px 0 16px;color:var(--on3-primary-deep);font-size:clamp(40px,5.4vw,68px);line-height:1.12;letter-spacing:-.035em;font-weight:850}
.on3-hero h2 em{color:var(--on3-primary);font-style:normal;background:linear-gradient(transparent 73%,rgba(253,171,18,.24) 73%);background-repeat:no-repeat}
.on3-hero-copy>p{max-width:650px;margin:0;color:#47645b;font-size:clamp(15px,1.35vw,18px);line-height:2}
.on3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.on3-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid var(--on3-primary);border-radius:12px;background:var(--on3-primary);color:#fff!important;font-weight:750;font-size:13px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.on3-button:hover{background:var(--on3-primary-strong);box-shadow:0 8px 22px rgba(2,113,89,.20);transform:translateY(-1px)}
.on3-button-secondary{background:linear-gradient(180deg,#ffb921 0%,var(--on3-secondary) 100%);color:var(--on3-primary-deep)!important;border-color:var(--on3-secondary-strong);box-shadow:0 8px 22px rgba(230,151,0,.18)}
.on3-button-secondary:hover{background:var(--on3-secondary-strong);border-color:#cf8700;color:#102d25!important;box-shadow:0 10px 26px rgba(230,151,0,.24)}
.on3-button-compact{min-height:38px;padding:7px 14px;border-radius:9px;font-size:12px}
.on3-hero-points{display:flex;flex-wrap:wrap;gap:9px 18px;margin:24px 0 0;padding:0;list-style:none;color:var(--on3-muted);font-size:12px}
.on3-hero-points li{display:flex;align-items:center;gap:7px}
.on3-hero-points li::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--on3-secondary-soft);color:var(--on3-primary-deep);font-size:10px;font-weight:800;box-shadow:0 0 0 1px #f1d49a}

.on3-hero-board{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(160deg,#075f4d,#013c31);color:#f4faf7;box-shadow:0 24px 50px rgba(1,60,49,.22)}
.on3-hero-board::before{content:"";position:absolute;inset:-80px -100px auto auto;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.035)}
.on3-hero-board-head,.on3-hero-board-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}
.on3-hero-board-head{border-bottom:1px solid rgba(255,255,255,.10)}
.on3-hero-board-head>div{display:grid;gap:2px}
.on3-hero-board-head span{font-size:14px;font-weight:800}
.on3-hero-board-head small,.on3-hero-board-foot{color:#bcd3c9;font-size:11px}
.on3-brand-mark{display:grid!important;place-items:center;width:54px;height:34px;border:1px solid rgba(253,171,18,.48);border-radius:10px;background:rgba(253,171,18,.12);color:#ffd576;font-size:13px!important;font-weight:850;letter-spacing:.08em}
.on3-hero-rows{padding:8px 14px}
.on3-hero-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(110px,.8fr) auto;align-items:center;gap:14px;padding:15px 9px;border-bottom:1px solid rgba(255,255,255,.08);transition:background .16s ease}
.on3-hero-row:last-child{border-bottom:0}
.on3-hero-row:hover{background:rgba(255,255,255,.035)}
.on3-hero-row>span:first-child{display:grid;gap:1px}
.on3-hero-row b{color:#fff;font-size:13px}
.on3-hero-row small{color:#9ebcb0;font-size:10px}
.on3-hero-row-value{text-align:left;direction:rtl}
.on3-hero-row-value strong{display:block;color:#fff;font-size:18px;font-variant-numeric:tabular-nums;line-height:1.35}
.on3-hero-row-value small{display:block}
.on3-hero-board .on3-change{border-color:#dbece5;background:#f7fbf9;color:#294b40;font-weight:850;box-shadow:0 2px 8px rgba(0,0,0,.10)}
.on3-hero-board .on3-change.up{color:#075f3e}.on3-hero-board .on3-change.down{color:#982b2b}.on3-hero-board .on3-change.flat{color:#4e625a}.on3-hero-board .on3-muted{color:#c9ddd4}
.on3-hero-board-foot{border-top:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.045)}
.on3-hero-board-foot>span:first-child{color:#c9ddd4;font-weight:700}
.on3-hero-board-foot time{color:#fff;font-weight:650;font-variant-numeric:tabular-nums}


/* Brand accent system: secondary gold is used only for emphasis, never for price direction/status. */
.on3-hero{border-top-color:rgba(253,171,18,.45)}
.on3-eyebrow::after,.on3-kicker::after{content:"";width:18px;height:2px;border-radius:999px;background:var(--on3-secondary)}
.on3-hero .on3-eyebrow::after{width:26px}
.on3-section-title h2{position:relative}
.on3-section-title h2::after{content:"";display:block;width:34px;height:3px;margin-top:7px;border-radius:999px;background:linear-gradient(90deg,var(--on3-secondary),rgba(253,171,18,.12))}
.on3-toolbar{box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.on3-table-wrap{box-shadow:0 8px 28px rgba(1,60,49,.035)}
.on3-converter{border-top:2px solid rgba(253,171,18,.72)}
.on3-convert-fields input:focus,.on3-convert-fields select:focus{outline:3px solid rgba(253,171,18,.28);outline-offset:1px;border-color:var(--on3-secondary)}
.on3-history summary:hover{background:var(--on3-primary-soft)}

/* Status */
.on3-status{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;margin:18px 0 28px;padding:14px 18px;border:1px solid #d9e9e0;border-radius:14px;background:#f3f9f6;color:#315a4d;font-size:12px}
.on3-status-label{display:flex;align-items:center;gap:9px}
.on3-status-label strong{color:var(--on3-primary-deep);font-weight:800}
.on3-status-time{margin-inline-start:auto;color:#4d675e}
.on3-notice{display:flex;flex-direction:column;gap:3px;margin:18px 0;padding:18px 20px;border:1px solid #e6d7b5;border-radius:14px;background:#fff9eb;color:#684b0e}
.on3-notice strong{font-size:14px}.on3-notice span{font-size:12px;color:#816a37}

/* Section headers and cards */
.on3-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:36px 0 16px}
.on3-section-title>div{display:grid;gap:2px}
.on3-section-title h2{margin:0;color:var(--on3-ink);font-size:clamp(22px,2.2vw,30px);line-height:1.35;letter-spacing:-.015em}
.on3-section-title>span{color:var(--on3-muted);font-size:12px}
.on3-kicker{font-size:10px;text-transform:none}
.on3-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.on3-card{position:relative;padding:20px;border:1px solid var(--on3-line);border-radius:18px;background:var(--on3-paper);box-shadow:0 6px 24px rgba(1,60,49,.05);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.on3-card:hover{border-color:#a8d2c4;box-shadow:0 12px 30px rgba(2,113,89,.10);transform:translateY(-2px)}
.on3-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.on3-code{color:#6e8179;font-size:10px;font-weight:800;letter-spacing:.07em;direction:ltr}
.on3-star{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:#879890;font-size:21px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}
.on3-star:hover,.on3-star[aria-pressed="true"]{background:var(--on3-secondary-soft);color:var(--on3-secondary-strong)}
.on3-card h3{margin:0 0 10px;font-size:14px;line-height:1.55;font-weight:760}
.on3-card h3 a:hover{color:var(--on3-primary)}
.on3-price{display:flex;align-items:baseline;gap:7px;margin-bottom:10px;font-size:clamp(22px,2.3vw,30px);font-weight:850;line-height:1.35;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.on3-price small{color:var(--on3-muted);font-size:10px;font-weight:500;letter-spacing:0}
.on3-change{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.on3-change.up{color:var(--on3-up);background:#edf8f2;border-color:#d9eee3}.on3-change.down{color:var(--on3-down);background:#fff2f2;border-color:#f1dddd}.on3-change.flat{color:#667971;background:#f2f5f3;border-color:#e3e9e6}
.on3-muted{color:var(--on3-muted);font-size:12px}

/* Market table */
.on3-market{scroll-margin-top:24px;margin-top:38px}
.on3-search{display:flex;align-items:center;gap:9px;color:var(--on3-muted);font-size:11px}
.on3-search input{width:min(250px,38vw);min-height:40px;padding:7px 11px;border:1px solid #ccdcd4;border-radius:10px;background:#fff;box-shadow:none}
.on3-search input::placeholder{color:#91a098}
.on3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:9px;border:1px solid var(--on3-line);border-radius:14px;background:#f6f9f7}
.on3-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.on3-tabs button{min-height:38px;padding:7px 13px;border:0;border-radius:9px;background:transparent;color:#546b62;font-size:11px;font-weight:700;cursor:pointer}
.on3-tabs button:hover{background:#fff}.on3-tabs button[aria-pressed="true"]{background:var(--on3-primary);color:#fff;box-shadow:0 4px 12px rgba(2,113,89,.18),inset 0 -2px 0 rgba(253,171,18,.55)}
.on3-unit-control{display:flex;align-items:center;gap:8px;color:var(--on3-muted);font-size:11px;white-space:nowrap}
.on3-unit-control select{min-height:38px;padding:5px 30px 5px 9px;border:1px solid #ccdcd4;border-radius:9px;background-color:#fff}
.on3-table-wrap{overflow:auto;border:1px solid var(--on3-line);border-radius:16px;background:#fff;-webkit-overflow-scrolling:touch}
.on3 table{width:100%;margin:0;border-collapse:collapse;text-align:right;font-size:13px}
.on3 table caption{caption-side:bottom;padding:12px 16px;color:var(--on3-muted);font-size:10px;text-align:right;background:#fbfcfb}
.on3 th,.on3 td{padding:15px 15px;border:0;border-bottom:1px solid #eaf0ec;vertical-align:middle;white-space:nowrap}
.on3 thead th{position:sticky;top:0;z-index:1;background:#f4f7f5;color:#5d7168;font-size:11px;font-weight:650}
.on3 tbody tr:last-child td,.on3 tbody tr:last-child th{border-bottom:0}
.on3 tbody tr{transition:background .12s ease}.on3 tbody tr:hover{background:#fafcfb}
.on3 th small{display:block;margin-top:2px;color:#87968f;font-size:9px;font-weight:500;line-height:1.6;direction:ltr;text-align:right}
.on3 td b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.on3 td time{color:#70837a;font-size:10px}
.on3 td [data-unit-label]{color:var(--on3-muted);font-size:10px}
.on3-empty{margin:12px 0;padding:14px;border-radius:10px;background:#f6f8f7;color:var(--on3-muted);font-size:12px}
.on3-scroll-hint{display:none;margin:8px 0 0;color:var(--on3-muted);font-size:10px}
.on3-disclaimer{margin-top:12px}

/* Trust */
.on3-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:36px;padding:26px 0;border-top:1px solid var(--on3-line)}
.on3-trust div{padding:0 24px}.on3-trust div:first-child{padding-inline-start:0}.on3-trust div:last-child{padding-inline-end:0}.on3-trust div+div{border-inline-start:1px solid var(--on3-line)}
.on3-trust b{display:block;margin-bottom:4px;font-size:14px}.on3-trust p{margin:0;color:var(--on3-muted);font-size:11px;line-height:1.8}

/* Asset page */
.on3-asset-grid{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.64fr);gap:20px;align-items:start;margin-top:20px}
.on3-asset-value,.on3-chart-panel{border:1px solid var(--on3-line);border-radius:20px;background:#fff}
.on3-asset-value{padding:22px;background:linear-gradient(145deg,#f5fbf8,#eaf6f2)}
.on3-asset-value>.on3-eyebrow{margin-bottom:10px}
.on3-asset-value .on3-card{padding:0;border:0;background:transparent;box-shadow:none}
.on3-asset-value .on3-card:hover{transform:none;box-shadow:none}
.on3-chart-panel{padding:22px;box-shadow:0 8px 30px rgba(1,60,49,.05)}
.on3-chart-panel .on3-section-title{margin:0 0 14px}
.on3-chart svg{display:block;width:100%;height:auto;color:var(--on3-primary)}
.on3-chart-grid{stroke:currentColor;stroke-width:1;opacity:.09;fill:none}
.on3-chart-line{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.on3-chart-range{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--on3-muted);font-size:10px}
.on3-chart-range b{color:var(--on3-ink);font-size:11px;font-variant-numeric:tabular-nums}
.on3-chart-empty{display:flex;min-height:235px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;border-radius:13px;background:repeating-linear-gradient(0deg,transparent,transparent 59px,#eef2ef 60px);color:var(--on3-muted);text-align:center}
.on3-chart-empty strong{color:#425d53;font-size:13px}.on3-chart-empty span{font-size:11px}
.on3-meta{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;color:var(--on3-muted);font-size:10px}

/* Converter */
.on3-converter{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:32px;align-items:start;margin:26px 0;padding:28px;border-radius:22px;background:linear-gradient(145deg,#075f4d,#013c31);color:#eff8f4;box-shadow:0 14px 38px rgba(1,60,49,.16)}
.on3-converter::after{content:"";position:absolute;width:220px;height:220px;border:44px solid rgba(255,255,255,.03);border-radius:50%;inset:auto -100px -120px auto;pointer-events:none}
.on3-converter-copy{position:relative;z-index:1}.on3-converter .on3-eyebrow{color:#ffd576}.on3-converter h2{margin:7px 0 8px;color:#fff;font-size:24px;line-height:1.4}.on3-converter p{margin:0;color:#bfd2c9;font-size:12px}
.on3-convert-fields{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.on3-convert-fields label{display:grid;gap:5px;color:#c7d9d1;font-size:10px}.on3-convert-fields input,.on3-convert-fields select{width:100%;min-height:48px;height:48px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#fff;color:#18382e;box-shadow:none}
.on3-convert-fields output{grid-column:1/-1;min-height:58px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);color:#fff;font-size:clamp(21px,2.4vw,30px);font-weight:850;font-variant-numeric:tabular-nums}
.on3-convert-fields small{grid-column:1/-1;color:#9fbaae;font-size:9px;line-height:1.8}

/* History */
.on3-history{margin:24px 0;border:1px solid var(--on3-line);border-radius:16px;background:#fff;overflow:hidden}
.on3-history summary{padding:16px 18px;background:#f6f9f7;cursor:pointer;font-size:13px;font-weight:750;list-style-position:inside}
.on3-history[open] summary{border-bottom:1px solid var(--on3-line)}
.on3-history-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0;color:var(--on3-muted);font-size:10px}
.on3-history .on3-table-wrap{margin:14px;border-radius:11px}.on3-history>p{padding:0 16px 14px}

/* Gutenberg/content surfaces */
.on3-prose{max-width:none;margin:28px auto;padding:clamp(20px,3vw,34px);border:1px solid var(--on3-line);border-radius:20px;background:#fff;color:#263e36;line-height:2.15;box-shadow:0 6px 24px rgba(1,60,49,.04)}
.on3-prose:first-child{margin-top:0}.on3-prose p{margin-top:0}.on3-prose h2{margin:30px 0 10px;color:var(--on3-ink);font-size:clamp(20px,2vw,26px);line-height:1.6}.on3-prose h2:first-child{margin-top:0}.on3-prose h3{margin:24px 0 8px;font-size:18px;line-height:1.7}
.on3-prose a{color:var(--on3-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.on3-prose a:hover{color:var(--on3-primary-strong)}
.on3-prose ul,.on3-prose ol{padding-inline-start:22px}.on3-prose li{margin:6px 0}.on3-prose pre{overflow:auto;padding:15px;border-radius:10px;background:#eff4f1;direction:ltr;text-align:left;font-size:11px;line-height:1.7}
.on3-prose details{padding:15px 0;border-bottom:1px solid var(--on3-line)}.on3-prose summary{cursor:pointer;font-weight:750}.on3-prose .wp-block-group{margin-block:0}

/* Legacy layout hooks retained for backward compatibility */
.on3-shell{max-width:1240px;margin:0 auto;padding:0 32px}.on3-site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--on3-line)}.on3-brand{display:flex;align-items:center;gap:12px}.on3-brand b{font-size:26px;font-weight:850}.on3-brand b span{display:block;font-size:12px}.on3-brand small{padding-inline-start:12px;border-inline-start:1px solid var(--on3-line)}.on3-site-header nav{display:flex;gap:22px;font-size:12px}.on3-header-api{padding:9px 13px;border:1px solid var(--on3-line);border-radius:9px;font-size:11px}.on3-page-heading{padding:28px 0 18px}.on3-page-heading h1{font-size:27px}.on3-site-footer{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1176px;margin:48px auto 0;padding:30px 0;border-top:1px solid var(--on3-line);font-size:11px}.on3-footer-logo{font-size:21px;font-weight:850}.on3-site-footer nav{display:flex;gap:12px 24px;flex-wrap:wrap}.on3-site-footer p{color:var(--on3-muted)}.on3-skip{position:fixed;top:-100px;z-index:99999;padding:12px;background:#fff}.on3-skip:focus{top:10px}

@media (max-width:1000px){
 .on3-hero{grid-template-columns:1fr .9fr;gap:30px;padding:36px}.on3-hero h2{font-size:46px}
 .on3-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.on3-asset-grid{grid-template-columns:1fr 1.35fr}
 .on3-site-header nav{gap:14px}.on3-brand small{display:none}
}

@media (max-width:780px){
 .on3-hero{grid-template-columns:1fr;min-height:0;padding:28px;border-radius:24px}.on3-hero h2{font-size:clamp(34px,10vw,48px)}.on3-hero-board{max-width:620px;width:100%}
 .on3-status{align-items:flex-start;flex-direction:column;gap:5px}.on3-status-time{margin-inline-start:0}
 .on3-section-title{align-items:flex-start;flex-direction:column;gap:10px}.on3-search{width:100%}.on3-search input{flex:1;width:auto;max-width:none}
 .on3-toolbar{align-items:flex-start;flex-direction:column}.on3-unit-control{width:100%;justify-content:space-between}.on3-tabs{width:100%}
 .on3-asset-grid{grid-template-columns:1fr}.on3-converter{grid-template-columns:1fr;gap:18px}
 .on3-trust{grid-template-columns:1fr}.on3-trust div{padding:14px 0}.on3-trust div:first-child{padding-top:0}.on3-trust div+div{border-inline-start:0;border-top:1px solid var(--on3-line)}
 .on3-site-header{flex-wrap:wrap}.on3-site-header nav{order:3;width:100%;overflow:auto}.on3-site-footer{grid-template-columns:1fr;margin-inline:20px}
}

@media (max-width:560px){
 .on3-hero{margin-top:8px;padding:23px 18px}.on3-hero-copy>p{font-size:14px}.on3-actions{display:grid;grid-template-columns:1fr;width:100%}.on3-button{width:100%}.on3-hero-points{gap:8px 12px}
 .on3-hero-board-head,.on3-hero-board-foot{padding:16px}.on3-hero-rows{padding:5px 10px}.on3-hero-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 6px}.on3-hero-row>.on3-change,.on3-hero-row>.on3-muted{grid-column:1/-1;justify-self:start}.on3-hero-row-value strong{font-size:16px}
 .on3-cards{gap:9px}.on3-card{padding:14px;border-radius:15px}.on3-card h3{font-size:13px}.on3-price{font-size:20px;white-space:normal}.on3-price small{display:block}.on3-star{width:32px;height:32px}
 .on3 th,.on3 td{padding:12px 10px}.on3 thead th{font-size:10px}.on3 td b{font-size:14px}.on3-scroll-hint{display:block}
 .on3-prose{padding:19px;border-radius:16px}.on3-converter{padding:21px 18px;border-radius:18px}.on3-convert-fields{grid-template-columns:1fr}.on3-convert-fields output,.on3-convert-fields small{grid-column:1}
 .on3-chart-panel,.on3-asset-value{padding:16px}.on3-chart-range{flex-wrap:wrap}.on3-history-actions{align-items:flex-start;flex-direction:column}.on3-history-actions .on3-button{width:auto}
 .on3-shell{padding-inline:16px}.on3-site-header{padding:17px 16px}.on3-page-heading h1{font-size:22px}
}

@media (prefers-reduced-motion:reduce){.on3 *{scroll-behavior:auto!important;transition:none!important}}

/* ON3 Market 1.4 — final UI polish and interactive chart */
.on3{color-scheme:light}
.on3-market .on3-section-title{margin-bottom:18px}
.on3-market .on3-toolbar{
 padding:11px 12px;
 border-color:#cfe3dc;
 background:linear-gradient(180deg,#f9fcfb 0%,#f3f8f6 100%);
 box-shadow:0 7px 22px rgba(1,60,49,.035),inset 0 1px 0 rgba(255,255,255,.9);
}
.on3-tabs button{transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.on3-tabs button:hover{color:var(--on3-primary);box-shadow:inset 0 0 0 1px #d7e8e2}
.on3-tabs button[aria-pressed="true"]{transform:translateY(-1px);box-shadow:0 6px 16px rgba(2,113,89,.18),inset 0 -2px 0 rgba(253,171,18,.70)}
.on3-table-wrap{border-color:#cfe3dc;box-shadow:0 10px 30px rgba(1,60,49,.045)}
.on3 thead th{background:#f3f8f6;color:#4f685f}
.on3 tbody tr:hover{background:#f7fbf9;box-shadow:inset -3px 0 0 rgba(253,171,18,.72)}
.on3-search input{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.on3-search input:hover{border-color:#adcfc3}
.on3-search input:focus{border-color:var(--on3-primary);box-shadow:0 0 0 3px rgba(2,113,89,.10);outline:0}

/* Native select arrows can overlap RTL labels. Use a predictable custom chevron. */
.on3-unit-control select,.on3-convert-fields select{
 -webkit-appearance:none;
 appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23027159' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:left 11px center;
 background-size:14px 14px;
 padding-inline:12px 38px;
}
.on3-unit-control select{min-width:98px;min-height:40px;border-color:#c7ddd5;background-color:#fff;font-weight:650;cursor:pointer}
.on3-unit-control select:hover{border-color:#a8d2c4}
.on3-unit-control select:focus{outline:3px solid rgba(253,171,18,.28);outline-offset:1px;border-color:var(--on3-primary)}
.on3-convert-fields select{background-color:#fff}

.on3-chart-panel{border-color:#cfe3dc;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.on3-chart-stage{position:relative;min-height:220px;border-radius:14px;outline:0;touch-action:pan-y;cursor:default}
.on3-chart-stage:focus-visible{box-shadow:0 0 0 3px rgba(253,171,18,.30)}
.on3-chart-stage svg{position:relative;z-index:1;overflow:visible}
.on3-chart-line{stroke:var(--on3-primary);filter:drop-shadow(0 3px 5px rgba(2,113,89,.12))}
.on3-chart-dot{fill:var(--on3-secondary);stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 5px rgba(1,60,49,.24));pointer-events:none}
.on3-chart-tooltip{
 position:absolute;
 z-index:3;
 min-width:150px;
 max-width:210px;
 padding:9px 11px;
 border:1px solid rgba(1,60,49,.10);
 border-radius:10px;
 background:rgba(1,60,49,.96);
 color:#fff;
 box-shadow:0 12px 28px rgba(1,60,49,.20);
 text-align:right;
 pointer-events:none;
 transform:translate(-50%,calc(-100% - 10px));
 backdrop-filter:blur(8px);
}
.on3-chart-tooltip[hidden]{display:none}
.on3-chart-tooltip.is-start{transform:translate(-10%,calc(-100% - 10px))}
.on3-chart-tooltip.is-end{transform:translate(-90%,calc(-100% - 10px))}
.on3-chart-tooltip strong{display:block;color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.on3-chart-tooltip span{display:block;margin-top:2px;color:#cde1d9;font-size:9px;white-space:nowrap}
.on3-chart-range{margin-top:10px;padding-top:9px;border-top:1px solid #edf3f0}

.on3-card{overflow:hidden}
.on3-card::before{content:"";position:absolute;inset:auto -55px -65px auto;width:110px;height:110px;border-radius:50%;background:rgba(2,113,89,.025);pointer-events:none}
.on3-card:hover{border-color:#9bcabd;box-shadow:0 14px 34px rgba(2,113,89,.09)}
.on3-price{color:var(--on3-primary-deep)}
.on3-status{box-shadow:0 5px 18px rgba(1,60,49,.03)}
.on3-converter{background:linear-gradient(135deg,#076b56 0%,#014b3d 52%,#013c31 100%);box-shadow:0 18px 42px rgba(1,60,49,.17)}
.on3-converter::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--on3-secondary),transparent);opacity:.8}

@media (max-width:560px){
 .on3-unit-control select{min-width:104px}
 .on3-chart-tooltip{min-width:132px;padding:8px 9px}
 .on3-market .on3-toolbar{padding:10px}
}
@media (forced-colors:active){
 .on3-unit-control select,.on3-convert-fields select{-webkit-appearance:auto;appearance:auto;background-image:none;padding-inline:10px}
 .on3-chart-dot{forced-color-adjust:auto}
}


/* 1.4.1 final polish */
.on3-card::after{content:none!important;display:none!important}
.on3-card:hover{transform:translateY(-1px)}
.on3-asset-value .on3-card:hover{transform:none}
.on3-change{font-weight:800}
.on3-status{border-color:#d5e7e0;background:linear-gradient(180deg,#f8fbfa 0%,#f2f8f5 100%);box-shadow:0 5px 18px rgba(1,60,49,.025)}
.on3-hero-board-head small{color:#d0e4db}
.on3-hero-board-foot{font-variant-numeric:tabular-nums}
.on3-button-secondary:focus-visible{outline-color:rgba(253,171,18,.55)}

/* ON3 Market 1.5 — period charts, clearer market semantics, final responsive polish */
.on3-chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.on3-chart-periods{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #d5e7e0;border-radius:12px;background:#f4f8f6}
.on3-chart-periods button{min-height:34px;padding:5px 12px;border:0;border-radius:8px;background:transparent;color:#536b62;font-size:10px;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.on3-chart-periods button:hover{background:#fff;color:var(--on3-primary)}
.on3-chart-periods button[aria-pressed="true"]{background:var(--on3-primary);color:#fff;box-shadow:0 4px 12px rgba(2,113,89,.18),inset 0 -2px 0 rgba(253,171,18,.68)}
.on3-chart-periods button:focus-visible{outline:3px solid rgba(253,171,18,.3);outline-offset:2px}
.on3-chart-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px 10px;flex-wrap:wrap;color:var(--on3-muted);font-size:10px;text-align:left}
.on3-period-change{display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;border:1px solid #e1e9e5;border-radius:999px;background:#f5f8f6;color:#52675f;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.on3-period-change.up{border-color:#cfe9dc;background:#edf8f2;color:#075f3e}.on3-period-change.down{border-color:#f0d6d6;background:#fff1f1;color:#922929}.on3-period-change.flat{border-color:#dfe7e3;background:#f4f7f5;color:#53665f}
.on3-chart-empty[hidden]{display:none}.on3-chart-stage>svg[hidden]{display:none}.on3-chart-range[hidden]{display:none}
.on3-chart-stage .on3-chart-empty{position:absolute;inset:0;z-index:2;min-height:220px;border:1px dashed #cfe0d9;background:linear-gradient(180deg,#fbfdfc,#f4f9f7)}
.on3-chart-stage{overflow:visible}
.on3-chart-dot{fill:var(--on3-secondary);stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 5px rgba(1,60,49,.24));pointer-events:none}
.on3-market thead th:nth-child(4){min-width:96px}
.on3-market table caption{line-height:1.8}
.on3-change{letter-spacing:0;white-space:nowrap}
.on3-chart-panel .on3-section-title>span{max-width:220px;text-align:left;line-height:1.7}
@media (max-width:780px){
 .on3-chart-toolbar{align-items:stretch;flex-direction:column}
 .on3-chart-periods{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
 .on3-chart-periods button{width:100%}
 .on3-chart-summary{justify-content:space-between;text-align:right}
 .on3-chart-panel .on3-section-title>span{max-width:none;text-align:right}
}
@media (max-width:560px){
 .on3-chart-summary{align-items:flex-start;flex-direction:column;gap:6px}
 .on3-period-change{min-height:28px;font-size:9px}
 .on3-chart-stage{min-height:205px}
 .on3-chart-stage .on3-chart-empty{min-height:205px;padding:18px}
}

/* ON3 Market 1.6 — long-range charts + compact history */
.on3-chart-periods{
 width:min(100%,520px);
 display:grid;
 grid-template-columns:repeat(5,minmax(72px,1fr));
 gap:3px;
}
.on3-chart-periods button{white-space:nowrap}
.on3-chart-periods button.is-empty{color:#809188}
.on3-chart-periods button.is-empty:not([aria-pressed="true"]){background:rgba(255,255,255,.45)}
.on3-chart-periods button[data-availability="partial"]:not([aria-pressed="true"])::after{
 content:"";display:inline-block;width:5px;height:5px;margin-inline-start:5px;border-radius:50%;background:var(--on3-secondary);vertical-align:middle
}
.on3-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 0}
.on3-history-periods{display:inline-grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:3px;padding:4px;border:1px solid var(--on3-line);border-radius:11px;background:#f4f8f6}
.on3-history-periods button{min-height:34px;padding:5px 11px;border:0;border-radius:8px;background:transparent;color:#536b62;font-size:10px;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.on3-history-periods button:hover{background:#fff;color:var(--on3-primary)}
.on3-history-periods button[aria-pressed="true"]{background:var(--on3-primary);color:#fff;box-shadow:0 4px 12px rgba(2,113,89,.16),inset 0 -2px 0 rgba(253,171,18,.62)}
.on3-history-periods button:focus-visible{outline:3px solid rgba(253,171,18,.30);outline-offset:2px}
.on3-history-head .on3-history-actions{padding:0;justify-content:flex-end;flex-wrap:wrap;text-align:left}
.on3-history [data-history-body] td{font-variant-numeric:tabular-nums}
.on3-history .on3-table-wrap{max-height:540px;overflow:auto}
.on3-history tbody tr:last-child td{border-bottom:0}

@media (max-width:780px){
 .on3-chart-periods{display:flex;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:4px}
 .on3-chart-periods::-webkit-scrollbar{display:none}
 .on3-chart-periods button{flex:1 0 78px}
 .on3-history-head{align-items:stretch;flex-direction:column}
 .on3-history-periods{width:100%}
 .on3-history-head .on3-history-actions{align-items:center;justify-content:space-between;flex-direction:row;width:100%;text-align:right}
}
@media (max-width:560px){
 .on3-chart-periods button{flex-basis:74px;padding-inline:9px;font-size:9px}
 .on3-history-periods button{font-size:9px;padding-inline:8px}
 .on3-history-head .on3-history-actions{align-items:flex-start;flex-direction:column}
 .on3-history-head .on3-button{width:100%}
 .on3-history .on3-table-wrap{max-height:460px}
}

/* ON3 Market 2.0 — Market Intelligence */
.on3{--on3-up-bg:#eaf7f1;--on3-down-bg:#fff0f0;--on3-neutral-bg:#f3f7f5}
.on3-home .on3-hero{margin-top:10px;background:radial-gradient(circle at 12% 110%,rgba(2,113,89,.09),transparent 34%),radial-gradient(circle at 96% -8%,rgba(253,171,18,.11),transparent 28%),linear-gradient(135deg,#fbfdfc 0%,#edf8f4 60%,#e4f3ed 100%)}
.on3-hero-copy>p{max-width:620px;color:#405e54}
.on3-hero-period{display:grid;justify-items:end;gap:3px}.on3-hero-period>small{color:#a9c6ba;font-size:9px}
.on3-hero-row>.on3-hero-period .on3-change{min-width:64px}
.on3-card-change{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.on3-card-change>span{color:var(--on3-muted);font-size:10px;font-weight:700}

.on3-pulse{margin:34px 0}.on3-pulse .on3-section-title{margin-bottom:14px}
.on3-pulse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.on3-pulse-grid article{position:relative;overflow:hidden;min-height:128px;padding:18px;border:1px solid var(--on3-line);border-radius:17px;background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:0 7px 24px rgba(1,60,49,.045)}
.on3-pulse-grid article::after{content:"";position:absolute;inset:auto -32px -38px auto;width:78px;height:78px;border-radius:50%;background:rgba(2,113,89,.035)}
.on3-pulse-grid article>span{display:block;margin-bottom:8px;color:var(--on3-muted);font-size:10px;font-weight:750}
.on3-pulse-grid article>strong{display:block;color:var(--on3-primary-deep);font-size:17px;line-height:1.5;font-weight:850}.on3-pulse-grid article>small{display:block;margin-top:5px;color:#62786f;font-size:10px}.on3-pulse-grid article>small.up{color:var(--on3-up);font-weight:800}.on3-pulse-grid article>small.down{color:var(--on3-down);font-weight:800}

.on3-spread{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin:18px 0 34px;padding:22px 24px;border:1px solid #d8e8e2;border-radius:20px;background:linear-gradient(135deg,#f9fcfb,#f0f8f5);box-shadow:0 8px 26px rgba(1,60,49,.04)}
.on3-spread h2{margin:4px 0 5px;color:var(--on3-primary-deep);font-size:20px}.on3-spread p{margin:0;color:var(--on3-muted);font-size:11px}.on3-spread-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.on3-spread-stats>span{padding:13px 14px;border:1px solid #e0ece7;border-radius:13px;background:#fff}.on3-spread-stats small{display:block;color:var(--on3-muted);font-size:9px}.on3-spread-stats b{display:block;margin-top:3px;color:var(--on3-ink);font-size:14px;font-variant-numeric:tabular-nums}.on3-spread-stats b.up{color:var(--on3-up)}.on3-spread-stats b.down{color:var(--on3-down)}

.on3-market-controls{display:grid;grid-template-columns:repeat(3,minmax(118px,1fr));gap:10px;align-items:end}.on3-market-controls label{display:grid;grid-template-rows:auto 44px;gap:6px;min-width:0;color:var(--on3-muted);font-size:9px;font-weight:750}.on3-market-controls label>span{align-self:end;line-height:1.4}.on3-market-controls select{width:100%;min-width:0;height:44px;min-height:44px;border:1px solid #c7ddd5;border-radius:11px;background-color:#fff;color:#173f34;-webkit-text-fill-color:#173f34;font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23027159' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;background-size:14px 14px;padding:7px 36px 7px 12px}.on3-market thead th:nth-child(5){min-width:112px}.on3-market td:nth-child(5){padding-block:8px}
.on3-spark{display:block;width:104px;height:30px;overflow:visible}.on3-spark polyline{fill:none;stroke:var(--on3-primary);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.on3-spark.up polyline{stroke:var(--on3-up)}.on3-spark.down polyline{stroke:var(--on3-down)}.on3-spark.flat polyline{stroke:#758980}.on3-spark-empty{color:#91a198}

.on3-performance{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 24px}.on3-performance article{padding:14px 15px;border:1px solid var(--on3-line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(1,60,49,.035)}.on3-performance span{display:block;color:var(--on3-muted);font-size:9px;font-weight:750}.on3-performance strong{display:block;margin-top:4px;color:var(--on3-ink);font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}.on3-performance strong.up{color:var(--on3-up)}.on3-performance strong.down{color:var(--on3-down)}.on3-performance strong.flat{color:#687a73}.on3-performance small{display:block;margin-top:2px;color:#7c8e87;font-size:8.5px}

.on3-chart-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.on3-chart-stats>span{min-width:0;padding:10px 11px;border:1px solid #e0ece7;border-radius:11px;background:#fbfdfc}.on3-chart-stats small{display:block;color:var(--on3-muted);font-size:8px}.on3-chart-stats b{display:block;margin-top:2px;overflow:hidden;color:var(--on3-primary-deep);font-size:10.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.on3-chart>[data-chart-window]{margin:10px 0 0;text-align:center;font-size:9px}
.on3-chart-stage{background:linear-gradient(180deg,rgba(248,252,250,.7),rgba(255,255,255,.25));border-radius:14px}.on3-chart-grid{opacity:.075}.on3-chart-line{stroke-width:3.1}.on3-chart-tooltip{border-color:rgba(253,171,18,.24)}

.on3-history .on3-table-wrap{max-height:520px}.on3-history table{min-width:720px}.on3-history th,.on3-history td{white-space:nowrap}.on3-history td:last-child{font-weight:800}.on3-history-up{color:var(--on3-up)!important}.on3-history-down{color:var(--on3-down)!important}.on3-history>p{margin:0;color:#72857d}

.on3-investment{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:11px;align-items:end;margin-top:4px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.on3-investment-head{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.on3-investment-head strong{color:#fff;font-size:14px}.on3-investment-head span{color:#a9c2b7;font-size:9px}.on3-investment .on3-button{min-height:48px;height:48px;white-space:nowrap}.on3-investment .on3-button:disabled{opacity:.65;cursor:wait;transform:none}.on3-invest-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:62px}.on3-invest-result>span{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:13px;border:1px dashed rgba(255,255,255,.18);border-radius:11px;color:#b8cec5;font-size:10px}.on3-invest-result>div{padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.055)}.on3-invest-result small{display:block;color:#a8c1b6;font-size:8.5px}.on3-invest-result strong{display:block;margin-top:3px;color:#fff;font-size:12px;font-weight:800}.on3-invest-result strong.up{color:#a8ebc9}.on3-invest-result strong.down{color:#ffc2c2}

@media (max-width:1000px){
 .on3-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.on3-chart-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.on3-performance{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:780px){
 .on3-spread{grid-template-columns:1fr}.on3-spread-stats{grid-template-columns:repeat(3,1fr)}.on3-market-controls{width:100%}.on3-performance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:0;overflow:visible}.on3-performance article{min-width:0}.on3-investment{grid-template-columns:1fr 1fr}.on3-investment .on3-button{grid-column:1/-1;width:100%}.on3-invest-result{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:560px){
 .on3-pulse-grid{grid-template-columns:1fr 1fr;gap:8px}.on3-pulse-grid article{min-height:112px;padding:14px}.on3-pulse-grid article>strong{font-size:14px}.on3-spread{padding:18px}.on3-spread-stats{grid-template-columns:1fr}.on3-spark{width:86px}.on3-chart-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.on3-chart-stats b{font-size:10px}.on3-investment{grid-template-columns:1fr}.on3-investment-head{align-items:flex-start;flex-direction:column;gap:3px}.on3-investment .on3-button{grid-column:1}.on3-invest-result{grid-template-columns:1fr}.on3-invest-result>span{grid-column:1}.on3-history .on3-table-wrap{margin:10px}.on3-history-head{padding-inline:12px}.on3-performance{grid-template-columns:repeat(2,minmax(0,1fr))}.on3-performance article{min-width:0}.on3-performance article:last-child:nth-child(odd){grid-column:1/-1}
}

/* ON3 Market 3.0 — personal market intelligence, accessibility and responsive polish */
.on3 .on3-converter input,
.on3 .on3-converter select{
 color:#102d25!important;
 -webkit-text-fill-color:#102d25;
 caret-color:var(--on3-primary);
 background-color:#fff!important;
 border-color:#b9d4ca;
 color-scheme:light;
}
.on3 .on3-converter input::placeholder{color:#74877f;opacity:1}
.on3 .on3-converter input[type="date"]::-webkit-datetime-edit,
.on3 .on3-converter input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.on3 .on3-converter input[type="date"]::-webkit-datetime-edit-text,
.on3 .on3-converter input[type="date"]::-webkit-datetime-edit-month-field,
.on3 .on3-converter input[type="date"]::-webkit-datetime-edit-day-field,
.on3 .on3-converter input[type="date"]::-webkit-datetime-edit-year-field{color:#102d25;-webkit-text-fill-color:#102d25}
.on3 .on3-converter input[type="date"]::-webkit-calendar-picker-indicator{opacity:.78;cursor:pointer}
.on3 .on3-convert-fields label>span{color:#e6f3ee;font-weight:700}
.on3 .on3-investment-head span{color:#d0e2da}
.on3 .on3-convert-fields>small{color:#c5d9d0}

/* Tab states: selected and hover remain readable across theme overrides. */
.on3 .on3-tabs button,
.on3 .on3-chart-periods button,
.on3 .on3-history-periods button,
.on3 .on3-position-periods button,
.on3 .on3-compare-periods button{color:#425d53!important}
.on3 .on3-tabs button:hover:not([aria-pressed="true"]),
.on3 .on3-chart-periods button:hover:not([aria-pressed="true"]),
.on3 .on3-history-periods button:hover:not([aria-pressed="true"]),
.on3 .on3-position-periods button:hover:not([aria-pressed="true"]),
.on3 .on3-compare-periods button:hover:not([aria-pressed="true"]){background:#e6f4ef!important;color:#014b3d!important;box-shadow:inset 0 0 0 1px #bcded2!important}
.on3 .on3-tabs button[aria-pressed="true"],
.on3 .on3-tabs button[aria-pressed="true"]:hover,
.on3 .on3-chart-periods button[aria-pressed="true"],
.on3 .on3-chart-periods button[aria-pressed="true"]:hover,
.on3 .on3-history-periods button[aria-pressed="true"],
.on3 .on3-history-periods button[aria-pressed="true"]:hover,
.on3 .on3-position-periods button[aria-pressed="true"],
.on3 .on3-position-periods button[aria-pressed="true"]:hover,
.on3 .on3-compare-periods button[aria-pressed="true"],
.on3 .on3-compare-periods button[aria-pressed="true"]:hover{background:#027159!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#027159!important;box-shadow:0 5px 14px rgba(2,113,89,.18),inset 0 -2px 0 rgba(253,171,18,.72)!important}

/* Personal watchlist */
.on3-watchlist{margin:30px 0}
.on3-watchlist .on3-section-title{margin-bottom:14px}
.on3-watch-empty{padding:18px 20px;border:1px dashed #bfd9cf;border-radius:15px;background:#f8fbfa;color:#5a7067;font-size:12px;text-align:center}
.on3-watch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.on3-watch-item{min-width:0;overflow:hidden;border:1px solid #d6e6e0;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(1,60,49,.035);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.on3-watch-item:hover{border-color:#a9d1c4;box-shadow:0 10px 26px rgba(1,60,49,.07);transform:translateY(-1px)}
.on3-watch-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;align-items:start;padding:14px 14px 7px}.on3-watch-head>span{display:grid;gap:1px;min-width:0}.on3-watch-head .on3-star{width:31px;height:31px;justify-self:end;background:#fff7e6;color:#cf8500}
.on3-watch-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:6px 14px 14px}
.on3-watch-item b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.on3-watch-item small{color:#72867e;font-size:9px}
.on3-watch-price{text-align:right;min-width:0}.on3-watch-price strong{display:block;overflow:hidden;color:#10382f;font-size:14px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.on3-watch-price small{display:block}
.on3-watch-item .on3-change{justify-self:end;align-self:end;min-width:62px}

/* Deterministic market summary */
.on3-market-summary{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:-8px 0 28px;padding:16px 18px;border:1px solid #d8e8e2;border-radius:15px;background:linear-gradient(180deg,#fbfdfc,#f5faf8)}
.on3-market-summary .on3-kicker{padding-top:3px;white-space:nowrap}
.on3-market-summary p{margin:0;color:#385a50;font-size:12px;line-height:2}

/* Normalized comparison */
.on3-comparison{margin:34px 0}
.on3-comparison .on3-section-title{margin-bottom:13px}
.on3-compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.on3-compare-periods{display:inline-grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:3px;padding:4px;border:1px solid #d5e7e0;border-radius:12px;background:#f4f8f6}
.on3-compare-periods button{min-height:34px;padding:5px 11px;border:0;border-radius:8px;background:transparent;font-size:10px;font-weight:800;cursor:pointer;transition:.15s ease}
.on3-compare-toolbar>span{color:#657b72;font-size:10px}
.on3-compare-list{overflow:hidden;border:1px solid #d7e7e1;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(1,60,49,.035)}
.on3-compare-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(140px,1.3fr) minmax(92px,.55fr) minmax(92px,.55fr);gap:15px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf3f0;transition:background .15s ease}
.on3-compare-row:last-child{border-bottom:0}.on3-compare-row:hover{background:#f8fbfa}.on3-compare-row.missing{opacity:.66}
.on3-compare-name{display:grid;gap:1px;min-width:0}.on3-compare-name b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.on3-compare-name small{color:#758981;font-size:9px}
.on3-compare-track{position:relative;overflow:hidden;height:8px;border-radius:999px;background:#edf3f0;direction:ltr}
.on3-compare-track i{display:block;height:100%;width:0;border-radius:999px;background:#72867e;transition:width .24s ease,background .18s ease}
.on3-compare-row.up .on3-compare-track i{background:#14845b}.on3-compare-row.down .on3-compare-track i{background:#c24949}.on3-compare-row.flat .on3-compare-track i{background:#7a8c85}
.on3-compare-index{display:grid;gap:1px}.on3-compare-index small{color:#72867e;font-size:8px}.on3-compare-index b{color:#12382f;font-size:12px;font-variant-numeric:tabular-nums}
.on3-compare-change{justify-self:end;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}.on3-compare-row.up .on3-compare-change{color:var(--on3-up)}.on3-compare-row.down .on3-compare-change{color:var(--on3-down)}

/* Spread analytics */
.on3-spread{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)}
.on3-spread-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.on3-spread-note{display:block;margin-top:9px;color:#49675d;font-size:10px;font-weight:700}

/* Asset mobile-first header */
.on3-asset-grid{align-items:stretch}
.on3-asset-value{position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 10% 105%,rgba(253,171,18,.10),transparent 30%),linear-gradient(145deg,#f4fbf8,#e7f4ef)}
.on3-asset-value::after{content:"";position:absolute;inset:-85px auto auto -75px;width:180px;height:180px;border-radius:50%;background:rgba(2,113,89,.035);pointer-events:none}
.on3-asset-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.on3-asset-head .on3-eyebrow{margin:0}.on3-asset-head .on3-star{background:#fff;border:1px solid #d6e7e0}
.on3-asset-name{position:relative;z-index:1;margin:18px 0 8px;color:#234d41;font-size:15px;line-height:1.6;font-weight:800}
.on3-asset-price{position:relative;z-index:1;display:flex;align-items:baseline;gap:8px;margin:0 0 12px;direction:rtl}
.on3-asset-price strong{color:#013c31;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:900;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.on3-asset-price span{color:#597168;font-size:11px}
.on3-asset-change{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(2,113,89,.12)}
.on3-asset-change>span{color:#5d746b;font-size:10px;font-weight:700}.on3-asset-value>p{position:relative;z-index:1;margin:12px 0 0;font-size:9px}

/* Asset summary */
.on3-asset-summary{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;margin:16px 0 20px;padding:16px 18px;border:1px solid #d7e8e1;border-radius:15px;background:#fbfdfc}
.on3-asset-summary .on3-kicker{padding-top:3px;white-space:nowrap}.on3-asset-summary p{margin:0;color:#38594f;font-size:12px;line-height:2}

/* Price position / range */
.on3-position{margin:22px 0;padding:22px;border:1px solid #d4e6df;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfa);box-shadow:0 8px 26px rgba(1,60,49,.035)}
.on3-position-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.on3-position-head h2{margin:3px 0 0;color:#183e34;font-size:20px;line-height:1.45}
.on3-position-periods{display:inline-grid;grid-template-columns:repeat(4,minmax(68px,1fr));gap:3px;padding:4px;border:1px solid #d5e7e0;border-radius:11px;background:#f3f8f6}
.on3-position-periods button{min-height:33px;padding:5px 10px;border:0;border-radius:8px;background:transparent;font-size:10px;font-weight:800;cursor:pointer}
.on3-position-body{position:relative}
.on3-range-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:9px}.on3-range-labels>span{display:grid;gap:2px}.on3-range-labels>span:nth-child(2){text-align:center}.on3-range-labels>span:nth-child(3){text-align:left}.on3-range-labels small{color:#73877f;font-size:8.5px}.on3-range-labels b{color:#163b31;font-size:11px;font-variant-numeric:tabular-nums}
.on3-range-track{position:relative;height:12px;margin:4px 0 12px;border-radius:999px;background:linear-gradient(90deg,#edf6f2,#d7ebe4);direction:rtl;box-shadow:inset 0 0 0 1px #cee2da}
.on3-range-track i{position:absolute;inset:0 0 0 auto;width:0;border-radius:999px;background:linear-gradient(90deg,#0f8260,#027159);opacity:.28;transition:width .22s ease}
.on3-range-track>span{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:0;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--on3-secondary);box-shadow:0 2px 9px rgba(1,60,49,.24);transform:translate(50%,-50%);transition:inset-inline-start .22s ease}
.on3-position-copy{display:flex;align-items:center;justify-content:space-between;gap:14px}.on3-position-copy strong{color:#143b31;font-size:12px}.on3-position-copy span{color:#60776e;font-size:10px;text-align:left}
.on3-position-empty{padding:18px;border:1px dashed #cfdfd9;border-radius:12px;background:#f7faf9;color:#667b73;text-align:center;font-size:11px}

/* Historical records */
.on3-records{margin:28px 0}.on3-records .on3-section-title{margin-bottom:13px}
.on3-record-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:12px;align-items:stretch}
.on3-records .on3-table-wrap{margin:0;box-shadow:none}.on3-records table{min-width:0}.on3-records th,.on3-records td{padding:12px 14px}.on3-records td{vertical-align:middle}.on3-records td b{display:block;color:#153c31;font-size:11px;font-variant-numeric:tabular-nums}.on3-records td small{display:block;margin-top:2px;color:#74877f;font-size:8px}.on3-record-missing{color:#7d8e87!important;font-size:10px}
.on3-record-days{display:grid;grid-template-columns:1fr;gap:10px}.on3-record-days article{display:grid;align-content:center;min-height:92px;padding:14px 16px;border:1px solid #dbe8e3;border-radius:14px;background:#fff}.on3-record-days span{color:#6c8179;font-size:9px}.on3-record-days strong{display:block;margin-top:4px;font-size:16px;font-weight:850;font-variant-numeric:tabular-nums}.on3-record-days strong.up{color:var(--on3-up)}.on3-record-days strong.down{color:var(--on3-down)}.on3-record-days small{margin-top:2px;color:#7c8f87;font-size:8px}

/* Data coverage */
.on3-coverage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 26px;padding:9px;border:1px solid #d8e7e1;border-radius:15px;background:#f7faf9}
.on3-coverage>div{min-width:0;padding:10px 12px;border-radius:10px;background:#fff}.on3-coverage span{display:block;color:#73867f;font-size:8.5px}.on3-coverage strong{display:block;margin-top:2px;overflow:hidden;color:#294d42;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Sharper interaction and reduced motion support */
.on3 input,.on3 select,.on3 button{accent-color:var(--on3-primary)}
.on3 input:disabled,.on3 select:disabled,.on3 button:disabled{opacity:.62}
@media (prefers-reduced-motion:reduce){.on3 *,.on3 *::before,.on3 *::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

@media (max-width:1000px){
 .on3-watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .on3-compare-row{grid-template-columns:minmax(140px,.85fr) minmax(120px,1.15fr) minmax(86px,.5fr) minmax(82px,.5fr)}
 .on3-record-layout{grid-template-columns:1fr}.on3-record-days{grid-template-columns:1fr 1fr}.on3-spread-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
 .on3-watch-grid{grid-template-columns:1fr 1fr}
 .on3-market-summary,.on3-asset-summary{grid-template-columns:1fr;gap:5px}.on3-market-summary .on3-kicker,.on3-asset-summary .on3-kicker{padding-top:0}
 .on3-compare-toolbar{align-items:stretch;flex-direction:column}.on3-compare-periods{width:100%}.on3-compare-toolbar>span{text-align:right}
 .on3-compare-row{grid-template-columns:minmax(130px,1fr) auto auto;gap:10px}.on3-compare-track{grid-column:1/-1;grid-row:2}.on3-compare-index{grid-column:2;grid-row:1}.on3-compare-change{grid-column:3;grid-row:1}
 .on3-position-head{align-items:stretch;flex-direction:column}.on3-position-periods{width:100%}.on3-position-copy{align-items:flex-start;flex-direction:column;gap:4px}.on3-position-copy span{text-align:right}
 .on3-coverage{grid-template-columns:1fr 1fr}.on3-coverage>div:first-child{grid-column:1/-1}
 .on3-spread{grid-template-columns:1fr}
}
@media (max-width:560px){
 .on3-watch-grid{grid-template-columns:1fr}.on3-watch-head{padding:13px 13px 6px}.on3-watch-body{padding:6px 13px 13px}
 .on3-compare-periods{display:flex;overflow-x:auto;scrollbar-width:none}.on3-compare-periods::-webkit-scrollbar{display:none}.on3-compare-periods button{flex:1 0 74px}
 .on3-compare-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}.on3-compare-index{display:none}.on3-compare-change{grid-column:2;grid-row:1}.on3-compare-track{grid-column:1/-1;grid-row:2}
 .on3-position{padding:17px 14px;border-radius:17px}.on3-position-head h2{font-size:17px}.on3-position-periods{display:flex;overflow-x:auto;scrollbar-width:none}.on3-position-periods::-webkit-scrollbar{display:none}.on3-position-periods button{flex:1 0 72px}.on3-range-labels b{font-size:9px}.on3-range-labels small{font-size:7.5px}.on3-range-track{height:10px}.on3-range-track>span{width:17px;height:17px}
 .on3-record-days{grid-template-columns:1fr}.on3-records .on3-table-wrap{overflow-x:auto}.on3-records table{min-width:560px}
 .on3-coverage{grid-template-columns:1fr}.on3-coverage>div:first-child{grid-column:auto}
 .on3-asset-value{padding:19px}.on3-asset-price strong{font-size:clamp(30px,11vw,42px)}.on3-asset-change{align-items:flex-start;flex-direction:column}
 .on3-spread-stats{grid-template-columns:1fr}
}

/* ON3 Market 3.0.3 — Blocksy/Gutenberg container integration.
 * The rendered Shortcode block output is a direct child of .entry-content on the
 * target setup, so the shortcode root follows Blocksy's own container width. */
.on3{
 inline-size:auto;
 max-inline-size:100%;
 min-inline-size:0;
}
.wp-theme-blocksy .entry-content.is-layout-constrained > .on3,
.wp-theme-blocksy .entry-content > .wp-block-shortcode > .on3{
 inline-size:var(--theme-block-width,var(--theme-container-width,calc(100% - 32px)));
 max-inline-size:var(--theme-block-max-width,var(--theme-normal-container-max-width,100%));
 margin-inline:auto!important;
}
/* Generic Gutenberg fallback: respect the parent content box without creating
 * viewport-level full bleed. */
.entry-content.is-layout-constrained > .on3{
 margin-inline:auto!important;
}
.on3-asset-grid,
.on3-asset-grid>*,
.on3-asset-value,
.on3-chart-panel,
.on3-chart,
.on3-chart-toolbar,
.on3-chart-periods,
.on3-chart-stage,
.on3-chart-stats,
.on3-performance,
.on3-position,
.on3-records,
.on3-record-layout,
.on3-coverage,
.on3-converter,
.on3-convert-fields,
.on3-investment,
.on3-history,
.on3-history-head,
.on3-table-wrap,
.on3-toolbar,
.on3-market-controls{min-inline-size:0;max-inline-size:100%}
.on3 img,.on3 svg,.on3 canvas{max-inline-size:100%}
.on3-section-title h2,.on3-asset-name,.on3-asset-summary p{overflow-wrap:anywhere}

@media (max-width:780px){
 .on3-asset-grid{inline-size:100%;max-inline-size:100%;grid-template-columns:minmax(0,1fr);gap:16px}
 .on3-asset-value,.on3-chart-panel{inline-size:100%;max-inline-size:100%;margin-inline:0}
 .on3-chart-panel{margin-block-start:0}
 .on3-chart-toolbar,.on3-history-head{inline-size:100%}
 .on3-chart-periods{grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%;max-inline-size:100%}
 .on3-chart-periods button{min-inline-size:0;max-inline-size:100%;padding-inline:8px}
 .on3-chart-stats{inline-size:100%;max-inline-size:100%}
 .on3-converter,.on3-history,.on3-position,.on3-records,.on3-coverage{inline-size:100%;max-inline-size:100%}
}

@media (max-width:560px){
 .on3{max-inline-size:100%;overflow-wrap:break-word}
 .on3-asset-value,.on3-chart-panel{border-radius:18px}
 .on3-asset-value{padding:18px 16px}
 .on3-chart-panel{padding:18px 14px}
 .on3-chart-periods{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .on3-chart-periods::-webkit-scrollbar{display:none}
 .on3-chart-periods button{flex:1 0 66px;white-space:nowrap}
 .on3-chart-summary{inline-size:100%}
 .on3-chart-stage{inline-size:100%;max-inline-size:100%}
 .on3-chart-stage svg{inline-size:100%;max-inline-size:100%;height:auto}
 .on3-chart-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .on3-performance{inline-size:100%;max-inline-size:100%;overscroll-behavior-inline:contain}
 .on3-position-periods,.on3-compare-periods{max-inline-size:100%;overscroll-behavior-inline:contain}
 .on3-history .on3-table-wrap,.on3-records .on3-table-wrap{inline-size:100%;max-inline-size:100%;margin-inline:0}
 .on3-tabs{max-inline-size:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .on3-tabs::-webkit-scrollbar{display:none}
 .on3-tabs button{flex:0 0 auto;white-space:nowrap}
}


/* ON3 Market 4.0 — mature analytics and premium interaction */
.on3-market-controls select:hover{border-color:#a8d2c4}.on3-market-controls select:focus{outline:3px solid rgba(253,171,18,.24);outline-offset:1px;border-color:var(--on3-primary)}

.on3-pulse-grid-mature{grid-template-columns:repeat(3,minmax(0,1fr))}
.on3-pulse-grid-mature article>strong.up,.on3-benchmark-grid .up,.on3-relative-grid .up{color:var(--on3-up)}
.on3-pulse-grid-mature article>strong.down,.on3-benchmark-grid .down,.on3-relative-grid .down{color:var(--on3-down)}
.on3-pulse-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;padding:9px;border:1px solid #dbe9e4;border-radius:14px;background:#f8fbfa}
.on3-pulse-groups>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;background:#fff;color:#49665c}
.on3-pulse-groups b{color:#163d32;font-size:10px}.on3-pulse-groups small{font-size:8.5px}

/* Moving-average benchmarks */
.on3-benchmarks,.on3-relative{margin:28px 0}
.on3-benchmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.on3-benchmark-grid article,.on3-relative-grid article{min-width:0;padding:16px;border:1px solid #d9e8e2;border-radius:15px;background:linear-gradient(180deg,#fff,#f9fcfb);box-shadow:0 6px 20px rgba(1,60,49,.028)}
.on3-benchmark-grid span,.on3-relative-grid span{display:block;color:#667c73;font-size:9px;font-weight:750}
.on3-benchmark-grid strong,.on3-relative-grid strong{display:block;margin-top:5px;color:#173e33;font-size:15px;line-height:1.55;font-weight:880;font-variant-numeric:tabular-nums}
.on3-benchmark-grid small,.on3-relative-grid small{display:block;margin-top:4px;color:#647970;font-size:9px;line-height:1.8}
.on3-relative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

/* Market co-movement */
.on3-correlation{margin:34px 0}
.on3-correlation .on3-section-title{margin-bottom:13px}
.on3-correlation .on3-table-wrap{margin:0;box-shadow:none}
.on3-correlation table{min-width:620px}
.on3-correlation th,.on3-correlation td{padding:12px 13px;text-align:center}
.on3-correlation tbody th{text-align:right;color:#21483d;white-space:nowrap}
.on3-correlation td{font-size:9px;font-weight:850;border-inline-start:1px solid #edf3f0}
.on3-correlation td.high{background:#e3f3ed;color:#075c47}.on3-correlation td.medium{background:#f1f7f4;color:#3d6558}.on3-correlation td.low{background:#fafcfc;color:#6f837b}.on3-correlation td.missing{color:#9aa7a2}.on3-correlation td.self{background:#f7f9f8;color:#a2ada9}
.on3-correlation>p{margin:9px 2px 0;font-size:9px;line-height:1.8}

/* Advanced history tools: data is loaded only after the user opens the section. */
.on3-advanced{margin:30px 0;border:1px solid #d3e4de;border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(1,60,49,.04);overflow:hidden}
.on3-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 21px;cursor:pointer;list-style:none;background:linear-gradient(180deg,#fbfdfc,#f5faf8);user-select:none}
.on3-advanced>summary::-webkit-details-marker{display:none}.on3-advanced>summary::marker{display:none}
.on3-advanced>summary>span:first-child{display:grid;gap:3px}.on3-advanced>summary b{color:#153d32;font-size:14px}.on3-advanced>summary small{color:#6a7f77;font-size:9.5px;line-height:1.8}
.on3-advanced-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #cfe1da;border-radius:10px;background:#fff;color:#176950;font-size:18px;transition:transform .18s ease}
.on3-advanced[open] .on3-advanced-arrow{transform:rotate(180deg)}
.on3-advanced-shell{padding:18px 20px 22px;border-top:1px solid #e3eee9}
.on3-advanced-tabs{display:flex;gap:5px;padding:4px;border:1px solid #d5e7e0;border-radius:12px;background:#f4f8f6;overflow-x:auto;scrollbar-width:none}
.on3-advanced-tabs::-webkit-scrollbar{display:none}
.on3-advanced-tabs button{flex:1 0 105px;min-height:38px;padding:6px 12px;border:0;border-radius:9px;background:transparent;color:#456259!important;-webkit-text-fill-color:#456259;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}
.on3-advanced-tabs button:hover:not([aria-selected="true"]){background:#e8f4f0;color:#075b47!important;-webkit-text-fill-color:#075b47}
.on3-advanced-tabs button[aria-selected="true"]{background:#027159!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 5px 14px rgba(2,113,89,.17),inset 0 -2px 0 rgba(253,171,18,.68)}
.on3-advanced-panel{padding-top:18px}.on3-advanced-loading,.on3-advanced-error{margin-top:14px;padding:13px 15px;border-radius:12px;font-size:10px;text-align:center}.on3-advanced-loading{background:#f1f8f5;color:#46685d}.on3-advanced-error{background:#fff4f2;color:#963d38}

/* Range explorer */
.on3-range-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}
.on3-range-form label{display:grid;gap:5px;color:#61776f;font-size:9px;font-weight:750}.on3-range-form select{width:100%;min-height:42px;padding:8px 12px;border:1px solid #cfe2da;border-radius:11px;background:#fff;color:#163f33!important;-webkit-text-fill-color:#163f33;font-size:10px}
.on3-range-result{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px}
.on3-range-result>div{min-width:0;padding:12px;border:1px solid #e0ebe7;border-radius:12px;background:#fafcfc}
.on3-range-result small,.on3-range-result span{display:block;color:#71857d;font-size:8px;line-height:1.65}.on3-range-result strong{display:block;margin:3px 0;color:#183f34;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.on3-range-result>span{grid-column:1/-1;padding:16px;text-align:center}

/* Today vs yesterday */
.on3-intraday-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:11px}.on3-intraday-summary>div{padding:11px 12px;border:1px solid #e0ebe7;border-radius:12px;background:#fafcfc}.on3-intraday-summary small{display:block;color:#71857d;font-size:8px}.on3-intraday-summary strong{display:block;margin-top:3px;color:#183f34;font-size:12px;font-weight:850}.on3-intraday-summary>span{grid-column:1/-1;color:#6d8078;font-size:9px}
.on3-dual-chart{padding:12px;border:1px solid #dce9e4;border-radius:15px;background:#fff}.on3-dual-chart svg{display:block;width:100%;height:auto;aspect-ratio:800/240}.on3-dual-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.on3-dual-line.today{stroke:#027159}.on3-dual-line.yesterday{stroke:#a6b9b1;stroke-dasharray:7 5}.on3-dual-legend{display:flex;align-items:center;gap:15px;padding:7px 4px 0;color:#60766e;font-size:9px}.on3-dual-legend span{display:flex;align-items:center;gap:5px}.on3-dual-legend i{display:inline-block;width:18px;height:3px;border-radius:999px;background:#027159}.on3-dual-legend i.yesterday{background:#a6b9b1}

/* Jalali performance calendar */
.on3-calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.on3-calendar-toolbar strong{min-width:140px;color:#173f34;text-align:center;font-size:13px}.on3-calendar-toolbar button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #d5e5df;border-radius:10px;background:#fff;color:#12634c!important;-webkit-text-fill-color:#12634c;font-size:20px;cursor:pointer}.on3-calendar-toolbar button:disabled{opacity:.35}
.on3-calendar-week,.on3-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.on3-calendar-week{margin-bottom:5px}.on3-calendar-week span{padding:5px;color:#72867e;text-align:center;font-size:8px;font-weight:800}.on3-calendar-empty{min-height:58px}
.on3-calendar-day{display:grid;align-content:center;gap:2px;min-height:58px;padding:6px;border:1px solid #e1ebe7;border-radius:10px;background:#fff;color:#294d42!important;-webkit-text-fill-color:#294d42;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.on3-calendar-day:hover{transform:translateY(-1px);border-color:#b6d6cb}.on3-calendar-day[aria-pressed="true"]{outline:2px solid #fdab12;outline-offset:1px}.on3-calendar-day b{font-size:10px}.on3-calendar-day small{font-size:7.5px;font-variant-numeric:tabular-nums}.on3-calendar-day.up{background:rgba(20,132,91,var(--heat,.2));color:#064a39!important;-webkit-text-fill-color:#064a39}.on3-calendar-day.down{background:rgba(194,73,73,var(--heat,.2));color:#6c2424!important;-webkit-text-fill-color:#6c2424}.on3-calendar-day.flat{background:#f5f8f7}
.on3-calendar-detail{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:10px;padding:12px 14px;border:1px solid #dce9e4;border-radius:12px;background:#fbfdfc;color:#526d63;font-size:9px}.on3-calendar-detail strong{color:#173f34}.on3-calendar-detail .up{color:var(--on3-up);font-weight:800}.on3-calendar-detail .down{color:var(--on3-down);font-weight:800}

/* Daily candles */
.on3-candle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.on3-candle-toolbar>div{display:flex;gap:4px;padding:4px;border:1px solid #d8e7e1;border-radius:11px;background:#f5f9f7}.on3-candle-toolbar button{min-height:32px;padding:5px 11px;border:0;border-radius:8px;background:transparent;color:#4c685e!important;-webkit-text-fill-color:#4c685e;font-size:9px;font-weight:800;cursor:pointer}.on3-candle-toolbar button[aria-pressed="true"]{background:#027159;color:#fff!important;-webkit-text-fill-color:#fff}.on3-candle-toolbar>span{color:#6b8077;font-size:8.5px}
.on3-candle-stage{position:relative;padding:10px;border:1px solid #dce9e4;border-radius:15px;background:#fff}.on3-candle-stage svg{display:block;width:100%;height:auto;aspect-ratio:800/260}.on3-candle{stroke-width:1.2}.on3-candle.up{stroke:#14845b}.on3-candle.down{stroke:#c24949}.on3-candle-body.up{fill:#14845b}.on3-candle-body.down{fill:#c24949}.on3-candle-empty{padding:50px 20px;color:#70847c;text-align:center;font-size:10px}

/* Historical multi-market calculator */
.on3-multi-invest{grid-column:1/-1;margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.07)}
.on3-multi-invest-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}.on3-multi-invest-form label{display:grid;gap:5px}.on3-multi-invest-form label>span{color:#e6f3ee;font-size:9px;font-weight:750}.on3-multi-invest-form input{width:100%;min-height:48px;height:48px;padding:8px 11px;border:1px solid rgba(255,255,255,.3);border-radius:11px;background:#fff!important;color:#102d25!important;-webkit-text-fill-color:#102d25!important}.on3-multi-result{margin-top:12px}.on3-multi-result>span{display:block;padding:12px;border-radius:10px;background:rgba(255,255,255,.08);color:#e7f3ee;font-size:9px;text-align:center}
.on3-multi-table{display:grid;gap:6px}.on3-multi-table article{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.7fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.08)}.on3-multi-table article[data-leading="1"]{border-color:rgba(253,171,18,.58);box-shadow:inset 3px 0 0 #fdab12}.on3-multi-table span{display:grid;gap:1px}.on3-multi-table b{color:#fff;font-size:10px}.on3-multi-table small{color:#cce0d8;font-size:8px}.on3-multi-table strong{font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.on3-multi-table strong.up{color:#8ce0bd}.on3-multi-table strong.down{color:#ffb1ab}.on3-multi-invest>p{margin:9px 1px 0;color:#c8dcd4!important;font-size:8.5px}

@media (max-width:1000px){
 .on3-pulse-grid-mature{grid-template-columns:repeat(2,minmax(0,1fr))}
 .on3-range-result{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:780px){
 .on3-pulse-groups{grid-template-columns:1fr}.on3-benchmark-grid{grid-template-columns:1fr 1fr}.on3-relative-grid{grid-template-columns:1fr}
 .on3-range-form,.on3-multi-invest-form{grid-template-columns:1fr 1fr}.on3-range-form .on3-button,.on3-multi-invest-form .on3-button{grid-column:1/-1}
 .on3-range-result{grid-template-columns:repeat(2,minmax(0,1fr))}.on3-intraday-summary{grid-template-columns:1fr 1fr}.on3-intraday-summary>div:last-of-type{grid-column:1/-1}
 .on3-candle-toolbar{align-items:flex-start;flex-direction:column}.on3-correlation .on3-table-wrap{overflow-x:auto}
}
@media (max-width:560px){
 .on3-market-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.on3-period-control{grid-column:auto}
 .on3-pulse-grid-mature{grid-template-columns:1fr}.on3-benchmark-grid{grid-template-columns:1fr}
 .on3-advanced>summary{padding:16px}.on3-advanced-shell{padding:14px 12px 17px}.on3-advanced-tabs{margin-inline:-1px}.on3-advanced-tabs button{flex:0 0 112px}
 .on3-range-form,.on3-multi-invest-form{grid-template-columns:1fr}.on3-range-form .on3-button,.on3-multi-invest-form .on3-button{grid-column:auto}.on3-range-result{grid-template-columns:1fr 1fr}.on3-intraday-summary{grid-template-columns:1fr}.on3-intraday-summary>div:last-of-type{grid-column:auto}
 .on3-calendar-week,.on3-calendar-grid{gap:3px}.on3-calendar-day{min-height:49px;padding:4px;border-radius:8px}.on3-calendar-day b{font-size:9px}.on3-calendar-day small{font-size:6.8px}
 .on3-calendar-detail{align-items:flex-start;flex-direction:column;gap:4px}.on3-candle-stage{padding:6px}.on3-candle-toolbar>div{width:100%}.on3-candle-toolbar button{flex:1}
 .on3-multi-table article{grid-template-columns:minmax(0,1fr) auto}.on3-multi-table article>span:nth-child(2){grid-column:1/-1;grid-row:2}.on3-multi-table article>strong{grid-column:2;grid-row:1}
}


/* ON3 Market 4.0.1 — layout refinement and information density */
.on3-asset-quickfacts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(2,113,89,.12)}
.on3-asset-quickfacts>div{min-width:0;padding:11px 12px;border:1px solid rgba(2,113,89,.10);border-radius:12px;background:rgba(255,255,255,.58)}
.on3-asset-quickfacts span,.on3-converter-insights span{display:block;color:#60776e;font-size:8.5px;font-weight:700}
.on3-asset-quickfacts strong,.on3-converter-insights strong{display:block;margin-top:3px;color:#143d32;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}
.on3-asset-quickfacts small,.on3-converter-insights small{display:block;margin-top:2px;overflow:hidden;color:#74877f;font-size:7.8px;line-height:1.65;text-overflow:ellipsis;white-space:nowrap}

.on3-converter-copy{display:flex;min-width:0;align-self:stretch;flex-direction:column}
.on3-converter-insights{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
.on3-converter-insights>div{min-width:0;padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.065)}
.on3-converter-insights span{color:#bcd2c9}.on3-converter-insights strong{color:#fff;font-size:12px}.on3-converter-insights small{color:#b4ccc2}.on3-converter-insights strong.up{color:#9ee6c4}.on3-converter-insights strong.down{color:#ffc0bc}.on3-converter-insights strong.flat{color:#e0ece7}
.on3-converter .on3-button[data-invest-run],.on3-converter .on3-button[data-multi-run]{height:48px;min-height:48px;align-self:end}
.on3-converter-capabilities{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.on3-converter-capabilities>span{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline}.on3-converter-capabilities b{color:#fff;font-size:10px}.on3-converter-capabilities small{color:#b6cdc3;font-size:8.5px;line-height:1.7}

@media (min-width:1001px){
 .on3-asset-value{align-self:start}
 .on3-converter-copy{padding-block:2px}
 .on3-converter-insights{margin-top:22px}
}
@media (max-width:780px){
 .on3-converter-insights{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.on3-converter-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;padding-top:0}.on3-converter-capabilities>span{display:block;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.055)}.on3-converter-capabilities small{display:block;margin-top:2px}
 .on3-market-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
 .on3-market-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.on3-period-control{grid-column:auto}
 .on3-asset-quickfacts{grid-template-columns:1fr 1fr}
 .on3-converter-insights{grid-template-columns:1fr 1fr}.on3-converter-insights>div:last-child{grid-column:1/-1}.on3-converter-capabilities{grid-template-columns:1fr}
 .on3-record-layout,.on3-records,.on3-records .on3-table-wrap{width:100%;max-width:100%}
 .on3-records .on3-table-wrap{border-radius:14px}
 .on3-hero-row{grid-template-columns:minmax(0,1fr) minmax(92px,auto) minmax(70px,auto);grid-template-areas:"period value name";gap:8px;align-items:center}
 .on3-hero-row>span:first-child{grid-area:name}.on3-hero-row-value{grid-area:value;text-align:right}.on3-hero-period{grid-area:period;justify-items:start;align-self:center}
 .on3-hero-period>small{white-space:nowrap}.on3-hero-row>.on3-hero-period .on3-change{justify-self:start}
}
@media (max-width:380px){
 .on3-hero-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"value name" "period period"}.on3-hero-period{justify-items:start}
 .on3-asset-quickfacts{grid-template-columns:1fr}
}


/* ON3 Market 4.0.2 — final responsive cleanup */
.on3-market-controls{align-items:start}
.on3-market-controls label{align-self:start;grid-template-rows:auto minmax(44px,auto)}
.on3-market-controls label>span{min-height:14px}
.on3-market-controls select{display:block;line-height:1.4;padding-inline:12px 38px;background-position:left 12px center;background-size:14px 14px}
.on3-market-controls .on3-unit-control select{min-width:96px}

.on3-action-field{display:grid;gap:5px;align-self:stretch;min-width:0;margin:0 0 .25em 0}
.on3-action-field>span{display:block;min-height:14px;opacity:0;pointer-events:none}
.on3-action-field .on3-button{width:100%;height:48px;min-height:48px}

.on3-converter-markets{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.on3-converter-markets-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.on3-converter-markets-head strong{color:#fff;font-size:12px;font-weight:850}
.on3-converter-markets-head span{color:#b4ccc2;font-size:8.5px}
.on3-converter-market-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.on3-converter-market-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055)}
.on3-converter-market-grid article>div{display:grid;gap:1px;min-width:0}
.on3-converter-market-grid b{color:#fff;font-size:10px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.on3-converter-market-grid small{color:#b8cec5;font-size:8px}
.on3-converter-market-grid strong{justify-self:end;color:#fff;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.on3-converter-market-grid span{color:#b4ccc2;font-size:8px}.on3-converter-market-grid .on3-change{grid-column:2;justify-self:end;min-width:62px}

@media (min-width:1001px){
 .on3-converter-copy{justify-content:flex-start}
}
@media (max-width:780px){
 .on3-market .on3-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;overflow:visible;white-space:normal}
 .on3-market .on3-tabs button{min-height:40px;padding:7px 6px;white-space:normal;line-height:1.45;text-align:center;font-size:10px}
 .on3-market .on3-toolbar{overflow:hidden}
 .on3-market-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .on3-market-controls select{padding-inline:10px 34px}
 .on3-converter-market-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .on3-hero-row{grid-template-columns:minmax(92px,auto) minmax(110px,max-content) minmax(0,1fr);grid-template-areas:"period value name";gap:12px 14px;padding:14px 8px}
 .on3-hero-row>span:first-child{padding-inline-start:6px}
 .on3-hero-row-value strong{font-size:17px}
 .on3-hero-period{gap:4px}
 .on3-market .on3-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
 .on3-market-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
 .on3-period-control,.on3-market-controls .on3-unit-control,.on3-market-controls .on3-sort{grid-column:auto;min-width:0}
 .on3-market-controls label{gap:4px;font-size:8.5px}
 .on3-market-controls label>span{min-height:13px;line-height:13px}
 .on3-market-controls select,.on3-market-controls .on3-unit-control select{height:44px;min-height:44px;min-width:0;padding:7px 9px 7px 28px;background-position:left 8px center;background-size:13px 13px;font-size:9.5px}
 .on3-converter-market-grid{grid-template-columns:1fr}
 .on3-converter-markets-head{align-items:flex-start;flex-direction:column;gap:4px}
 .on3-action-field{grid-column:1/-1}.on3-action-field>span{display:none}
}
@media (max-width:380px){
 .on3-hero-row{grid-template-columns:minmax(84px,auto) minmax(98px,max-content) minmax(0,1fr);gap:10px 12px}
}


/* ON3 Market 4.0.3 — converter form-row alignment */
.on3-investment>label,
.on3-multi-invest-form>label,
.on3-action-field{
 display:grid;
 grid-template-rows:16px 48px;
 gap:6px;
 align-self:start;
 min-width:0;
 margin:0 0 .25em 0;
}
.on3-investment>label>span,
.on3-multi-invest-form>label>span,
.on3-action-field>span{
 display:block;
 min-height:16px;
 height:16px;
 margin:0;
 line-height:16px;
}
.on3-investment>label>span,
.on3-multi-invest-form>label>span{
 color:#e6f3ee;
 font-size:9px;
 font-weight:750;
}
.on3-action-field>span{visibility:hidden;opacity:0;pointer-events:none}
.on3-investment input,
.on3-multi-invest-form input,
.on3-action-field .on3-button{
 box-sizing:border-box;
 width:100%;
 height:48px;
 min-height:48px;
 margin:0;
 align-self:stretch;
}
.on3-investment input{
 padding:8px 11px;
 border:1px solid rgba(255,255,255,.30);
 border-radius:11px;
 background:#fff!important;
 color:#102d25!important;
 -webkit-text-fill-color:#102d25!important;
}
.on3-action-field .on3-button{grid-row:2;transform:none}
.on3-action-field .on3-button:hover{transform:none}

@media (max-width:780px){
 .on3-investment>.on3-action-field,
 .on3-multi-invest-form>.on3-action-field{grid-column:1/-1}
}
@media (max-width:560px){
 .on3-investment>label,
 .on3-multi-invest-form>label,
 .on3-action-field{grid-template-rows:auto 48px}
 .on3-action-field>span{display:none}
 .on3-investment>.on3-action-field,
 .on3-multi-invest-form>.on3-action-field{grid-column:auto}
}


/* ON3 Market 4.0.4 — mobile density and containment */
@media (max-width:560px){
 .on3-performance{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
 .on3-performance article{width:auto;max-width:100%;min-width:0;padding:12px 11px}
 .on3-performance article:last-child:nth-child(odd){grid-column:1/-1}
 .on3-performance strong{font-size:14px}
 .on3-market .on3-toolbar{padding:8px;gap:10px}
 .on3-market .on3-tabs{gap:4px}
 .on3-market-controls{width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .on3-market-controls label{min-width:0;width:100%}
 .on3-market-controls select{width:100%;max-width:100%;box-sizing:border-box}
}


/* ON3 Market 4.0.5 — compact mobile market controls */
@media (max-width:780px){
 .on3-market .on3-toolbar{display:grid;grid-template-columns:1fr;gap:12px;padding:10px;overflow:visible}
 .on3-market .on3-tabs{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;width:100%;min-width:0;max-width:100%;overflow:visible;padding:3px;border:1px solid #d7e8e1;border-radius:13px;background:#f4f8f6}
 .on3-market .on3-tabs button{flex:1 1 0;min-width:0;min-height:40px;height:40px;padding:6px 3px;border-radius:9px;white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:center;line-height:1;font-size:clamp(8.5px,2vw,10px);font-weight:800}
 .on3-market-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0;max-width:100%;align-items:start}
 .on3-market-controls label{display:grid;grid-template-rows:14px 46px;gap:5px;min-width:0;width:100%;margin:0}
 .on3-market-controls label>span{display:block;min-height:14px;height:14px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:8.5px;font-weight:750}
 .on3-market-controls select,
 .on3-market-controls .on3-unit-control select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:46px;min-height:46px;margin:0;padding:7px 24px 7px 8px;border-radius:11px;background-position:left 7px center;background-size:12px 12px;color:#173f34;-webkit-text-fill-color:#173f34;text-align:center;text-align-last:center;font-size:9px;font-weight:750;line-height:1.2}
 .on3-period-control,.on3-market-controls .on3-unit-control,.on3-market-controls .on3-sort{grid-column:auto;min-width:0}
}
@media (max-width:380px){
 .on3-market .on3-toolbar{padding:8px;gap:10px}
 .on3-market .on3-tabs{gap:3px;padding:3px}
 .on3-market .on3-tabs button{height:38px;min-height:38px;padding-inline:1px;font-size:8.25px}
 .on3-market-controls{gap:4px}
 .on3-market-controls label{grid-template-rows:13px 44px;gap:4px}
 .on3-market-controls label>span{height:13px;min-height:13px;line-height:13px;font-size:8px}
 .on3-market-controls select,
 .on3-market-controls .on3-unit-control select{height:44px;min-height:44px;padding:6px 21px 6px 5px;background-position:left 5px center;background-size:11px 11px;font-size:8.25px}
}


/* ON3 Market 4.0.6 — equal-width mobile market controls */
@media (max-width:780px){
 .on3-market-controls>label,
 .on3-market-controls>label.on3-period-control,
 .on3-market-controls>label.on3-sort,
 .on3-market-controls>label.on3-unit-control{
  display:grid;
  grid-template-rows:14px 46px;
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  min-width:0;
  max-width:none;
  inline-size:100%;
  min-inline-size:0;
  max-inline-size:none;
  margin:0;
 }
 .on3-market-controls>label>select,
 .on3-market-controls>label.on3-unit-control>select{
  display:block;
  width:100%;
  min-width:0;
  max-width:none;
  inline-size:100%;
  min-inline-size:0;
  max-inline-size:none;
  box-sizing:border-box;
  justify-self:stretch;
  margin:0;
 }
}
@media (max-width:560px){
 .on3-market-controls{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
 }
 .on3-market-controls>label,
 .on3-market-controls>label.on3-period-control,
 .on3-market-controls>label.on3-sort,
 .on3-market-controls>label.on3-unit-control{
  grid-column:auto;
  width:auto;
  inline-size:auto;
  min-width:0;
 }
 .on3-market-controls>label>select,
 .on3-market-controls>label.on3-unit-control>select{
  width:100%;
  inline-size:100%;
 }
}


/* ON3 Market 4.0.7 — structural equal-width mobile controls */
.on3-market-controls>.on3-market-control{
 display:grid;
 grid-template-rows:auto 44px;
 gap:6px;
 min-width:0;
 width:100%;
 margin:0;
 align-self:stretch;
}
.on3-market-controls>.on3-market-control>span{
 display:block;
 min-width:0;
 line-height:1.4;
}
.on3-market-controls>.on3-market-control>select{
 display:block;
 box-sizing:border-box;
 width:100%;
 min-width:0;
 max-width:100%;
 height:44px;
 min-height:44px;
 margin:0;
}

@media (max-width:780px){
 .on3-market-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  width:100%;
  min-width:0;
  align-items:stretch;
 }
 .on3-market-controls>.on3-market-control{
  grid-column:auto;
  grid-template-rows:14px 46px;
  gap:5px;
  min-width:0;
  width:100%;
 }
 .on3-market-controls>.on3-market-control>span{
  height:14px;
  min-height:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size:8.5px;
  line-height:14px;
 }
 .on3-market-controls>.on3-market-control>select{
  width:100%;
  min-width:0;
  max-width:100%;
  height:46px;
  min-height:46px;
  padding:7px 28px 7px 8px;
  background-position:left 8px center;
  background-size:12px 12px;
  text-align:center;
  text-align-last:center;
  font-size:9px;
  line-height:1.2;
 }
}

@media (max-width:380px){
 .on3-market-controls{gap:4px}
 .on3-market-controls>.on3-market-control{grid-template-rows:13px 44px;gap:4px}
 .on3-market-controls>.on3-market-control>span{height:13px;min-height:13px;font-size:8px;line-height:13px}
 .on3-market-controls>.on3-market-control>select{
  height:44px;
  min-height:44px;
  padding:6px 21px 6px 5px;
  background-position:left 5px center;
  background-size:11px 11px;
  font-size:8.25px;
 }
}