:root {
  color-scheme: dark;
  --bg:#090b10; --surface:rgba(21,24,32,.88); --surface-strong:#171a22; --border:rgba(255,255,255,.08);
  --text:#f7f8fb; --muted:#9aa1ae; --bitcoin:#f7931a; --positive:#35d49a; --negative:#ff627d; --blue:#69a9ff;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box} html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth}
body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(247,147,26,.11),transparent 35%),radial-gradient(circle at 85% 40%,rgba(112,72,232,.08),transparent 35%),var(--bg)}
button,input{font:inherit}button{color:inherit}.background-glow{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
.site-header,.app-nav,.app-shell,footer{position:relative;width:min(1160px,calc(100% - 32px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0 14px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-copy{display:grid;gap:2px;line-height:1.05}.brand-copy strong{font-size:1.03rem;letter-spacing:-.025em}.brand-btc{color:var(--bitcoin)}.brand-copy small{color:var(--bitcoin);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.brand-icon{display:block;width:38px;height:38px;flex:0 0 38px;border-radius:10px;object-fit:cover;box-shadow:0 0 30px rgba(247,147,26,.18)}
.header-actions,.status{display:flex;align-items:center;gap:10px}.status{color:var(--muted);font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot--live{background:var(--positive);box-shadow:0 0 12px rgba(53,212,154,.65)}.status-dot--error{background:var(--negative)}.status-dot--loading{animation:pulse 1.2s ease-in-out infinite}.ghost-button,.text-button{border:0;cursor:pointer}.ghost-button{padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.04);font-size:.76rem}.text-button{padding:6px 0;color:var(--bitcoin);background:transparent;font-weight:800;font-size:.82rem}
.app-nav{position:sticky;top:0;z-index:20;display:flex;gap:6px;padding:8px;margin-bottom:10px;border:1px solid var(--border);border-radius:16px;background:rgba(9,11,16,.88);backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.nav-item{flex:1;min-width:max-content;padding:10px 14px;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-size:.8rem;font-weight:800}.nav-item.active{color:#17130d;background:var(--bitcoin)}
.app-shell{display:grid;gap:18px;padding:14px 0 44px}.page{display:none;gap:18px}.page.active{display:grid}.card{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 10px;color:var(--bitcoin);font-size:.7rem;font-weight:800;letter-spacing:.14em}.muted-label,.source-line,.fine-print,.updated{color:var(--muted)}
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,5vw,44px)}.price-line{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.price{margin:0;font-size:clamp(3rem,9vw,6.2rem);line-height:.98;letter-spacing:-.075em}.change-badge{padding:8px 11px;border-radius:999px;font-size:.85rem;font-weight:800}.change-badge--positive{color:var(--positive);background:rgba(53,212,154,.11)}.change-badge--negative{color:var(--negative);background:rgba(255,98,125,.11)}.change-badge--neutral{color:var(--muted);background:rgba(255,255,255,.06)}.updated{margin:14px 0 0;font-size:.86rem}.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:110px;padding:12px 16px;border:1px solid var(--border);border-radius:14px;cursor:pointer;background:rgba(255,255,255,.045);transition:transform .18s ease,background .18s ease}.refresh-button:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.refresh-button:disabled{opacity:.6;cursor:wait;transform:none}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{padding:21px}.stat p{margin:0 0 8px;color:var(--muted);font-size:.78rem}.stat strong{font-size:clamp(1rem,2.3vw,1.35rem);letter-spacing:-.025em}.chart-card{padding:clamp(22px,4vw,34px)}.section-heading,.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-heading h2,.chart-header h2,.converter h2,.beta-feedback h2,.modal h2{margin:0;font-size:clamp(1.25rem,2.8vw,1.75rem);letter-spacing:-.035em}.range-selector{display:flex;gap:7px;padding:5px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}.range-button{min-width:45px;padding:8px 10px;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;font-size:.78rem;font-weight:800}.range-button.active{color:#17130d;background:var(--bitcoin)}.chart-summary{display:flex;align-items:center;gap:12px;margin:30px 0 3px}.chart-summary span:first-child{font-size:1.15rem;font-weight:800}.chart-summary span:last-child{color:var(--muted);font-size:.8rem}.positive{color:var(--positive)}.negative{color:var(--negative)}.chart-wrap{position:relative;height:350px;margin-top:4px}#priceChart{width:100%;height:100%;display:block}.chart-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.9rem}.tooltip{position:absolute;z-index:4;transform:translate(-50%,calc(-100% - 14px));padding:9px 11px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:#11141b;box-shadow:0 12px 28px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap;font-size:.76rem}
.converter{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(22px,4vw,32px)}.converter-fields{display:flex;align-items:end;gap:12px}.converter label{display:grid;gap:7px;color:var(--muted);font-size:.73rem;font-weight:800}.converter input{width:min(220px,32vw);padding:13px 14px;border:1px solid var(--border);border-radius:13px;outline:none;color:var(--text);background:rgba(255,255,255,.045)}.converter input:focus{border-color:rgba(247,147,26,.6);box-shadow:0 0 0 3px rgba(247,147,26,.1)}.equals{padding-bottom:12px;color:var(--muted)}
.macro-pulse{padding:clamp(22px,4vw,32px)}.section-intro{max-width:760px;margin:10px 0 20px;color:var(--muted);line-height:1.6}.mini-macro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-macro-item{padding:15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.mini-macro-item span{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem}.mini-macro-item strong{font-size:1.12rem}.mini-macro-item small{display:block;margin-top:5px;font-size:.7rem}.skeleton-card{min-height:82px;padding:15px;border:1px solid var(--border);border-radius:16px;color:var(--muted);background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.055),rgba(255,255,255,.02));font-size:.75rem}.policy-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.policy-pill{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03);font-size:.72rem}.policy-pill b{margin-right:5px}.policy-pill.active{border-color:rgba(247,147,26,.3);color:#ffd6a3;background:rgba(247,147,26,.07)}
.page-hero{padding:clamp(28px,5vw,46px)}.page-hero h1{margin:0;font-size:clamp(2.2rem,7vw,4.6rem);letter-spacing:-.065em}.page-hero>p:not(.eyebrow){max-width:820px;margin:16px 0 0;color:var(--muted);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.source-line{margin-top:18px;font-size:.73rem}.macro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.macro-card{padding:19px}.macro-card .metric-label{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.75rem}.macro-card .metric-value{display:block;margin:12px 0 4px;font-size:1.65rem;letter-spacing:-.04em}.macro-card .metric-change{font-size:.77rem;font-weight:800}.macro-card .metric-meta{display:block;margin-top:12px;color:#737b89;font-size:.65rem}.policy-card,.event-feed-card{padding:clamp(22px,4vw,32px)}.verified-badge{padding:7px 9px;border:1px solid rgba(53,212,154,.2);border-radius:999px;color:var(--positive);background:rgba(53,212,154,.06);font-size:.69rem}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.policy-item{padding:17px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.025)}.policy-item .policy-name{display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:800}.policy-status{padding:5px 7px;border-radius:8px;font-size:.63rem;letter-spacing:.06em}.policy-status.active{color:#17130d;background:var(--bitcoin)}.policy-status.inactive{color:var(--muted);background:rgba(255,255,255,.06)}.policy-item p{margin:10px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.fine-print{margin:16px 0 0;font-size:.69rem;line-height:1.5}.event-feed{display:grid;gap:10px;margin-top:18px}.event-item{display:grid;grid-template-columns:110px 1fr auto;gap:15px;align-items:start;padding:16px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.022)}.event-date{color:var(--muted);font-size:.72rem}.event-body strong{display:block;margin-bottom:5px}.event-body p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.5}.event-tag{padding:6px 8px;border-radius:8px;color:#ffd6a3;background:rgba(247,147,26,.08);font-size:.64rem;font-weight:800}.event-source{display:inline-block;margin-top:7px;color:var(--bitcoin);font-size:.7rem;text-decoration:none}.explain-grid,.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.preview-grid{grid-template-columns:repeat(3,1fr)}.explain-card,.feature-preview{padding:22px}.explain-icon,.feature-preview>span{display:inline-grid;min-width:40px;height:34px;place-items:center;padding:0 8px;border-radius:10px;color:#17130d;background:var(--bitcoin);font-size:.7rem;font-weight:900}.explain-card h3,.feature-preview h3{margin:18px 0 8px}.explain-card p,.feature-preview p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
.beta-feedback{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(22px,4vw,32px)}.beta-feedback p:not(.eyebrow){max-width:760px;margin:9px 0 0;color:var(--muted);line-height:1.55}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(520px,100%);padding:32px}.modal p{color:var(--muted);line-height:1.6}.modal strong{color:var(--text)}.modal-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.05);font-size:1.4rem}footer{padding:0 0 38px;color:#737b89;text-align:center;font-size:.73rem;line-height:1.5}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:900px){.macro-grid{grid-template-columns:repeat(2,1fr)}.mini-macro-grid{grid-template-columns:repeat(2,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}.explain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}.converter{align-items:flex-start;flex-direction:column}.converter-fields{width:100%}.converter label{flex:1}.converter input{width:100%}.event-item{grid-template-columns:90px 1fr}.event-tag{grid-column:2}}
@media(max-width:600px){.site-header,.app-nav,.app-shell,footer{width:min(100% - 20px,1160px)}.site-header{padding-top:16px}.brand-copy small{display:none}.header-actions .status{display:none}.app-nav{border-radius:14px}.hero{align-items:flex-start;flex-direction:column}.refresh-button{width:100%}.stats-grid{gap:10px}.chart-header,.section-heading{flex-direction:column}.range-selector{width:100%}.range-button{flex:1}.chart-wrap{height:290px}.converter-fields{align-items:stretch;flex-direction:column}.equals{padding:0;text-align:center}.mini-macro-grid,.macro-grid,.policy-grid,.explain-grid,.preview-grid{grid-template-columns:1fr}.event-item{grid-template-columns:1fr}.event-tag{grid-column:1;width:max-content}.beta-feedback{align-items:flex-start;flex-direction:column}.beta-feedback .refresh-button{width:100%}.verified-badge{align-self:flex-start}.page-hero h1{font-size:clamp(2.3rem,13vw,4rem)}}

/* Beta V2.2 macro trend additions */
.macro-spark{display:block;width:100%;height:44px;margin-top:10px;overflow:visible}
.macro-spark polyline{stroke:#f7931a;stroke-width:2}
.metric-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.metric-source{font-size:.72rem;color:#f2b85c;text-decoration:none;white-space:nowrap}
.metric-source:hover{text-decoration:underline}


/* Beta V2.3 verified treasury dashboard */
.treasury-pulse,.treasury-card{padding:clamp(22px,4vw,32px)}
.home-treasury-activity{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.home-treasury-item{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;width:100%;padding:15px;border:1px solid var(--border);border-radius:16px;color:var(--text);background:rgba(255,255,255,.025);text-align:left;cursor:pointer}
.home-treasury-item:hover{background:rgba(255,255,255,.05)}
.home-treasury-plus{padding:8px 10px;border-radius:10px;color:#17130d;background:var(--bitcoin);font-weight:900;font-size:.8rem}
.home-treasury-item strong{display:block}.home-treasury-item small{display:block;margin-top:3px;color:var(--muted)}.home-treasury-arrow{color:var(--bitcoin);font-size:1.45rem}
.treasury-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.treasury-leaderboard{display:grid;gap:10px}
.treasury-row{display:grid;grid-template-columns:42px minmax(180px,1.4fr) repeat(3,minmax(120px,.8fr)) minmax(155px,.9fr);gap:14px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.022)}
.treasury-rank{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--bitcoin);background:rgba(247,147,26,.09);font-weight:900}
.treasury-company strong,.treasury-number strong{display:block}.treasury-company span,.treasury-number span,.treasury-source span{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}
.treasury-number strong{margin-top:4px;font-size:.91rem}.treasury-source{font-size:.72rem}.treasury-source a{display:inline-block;margin-top:5px;color:var(--bitcoin);text-decoration:none;font-weight:800}
.treasury-note{grid-column:2/-1;margin:0;padding-top:3px;color:#7e8796;font-size:.68rem;line-height:1.45}
.treasury-activity{display:grid;gap:10px;margin-top:18px}.treasury-activity-item{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:start;padding:17px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.022)}
.treasury-activity-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#17130d;background:var(--bitcoin);font-weight:900}.treasury-activity-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.treasury-activity-title>span:not(.activity-badge){color:var(--muted);font-size:.72rem}.activity-badge{padding:5px 7px;border-radius:8px;color:var(--positive);background:rgba(53,212,154,.08);font-size:.63rem;font-weight:900;letter-spacing:.05em}.treasury-activity-item p{margin:7px 0;color:var(--muted);font-size:.8rem;line-height:1.5}.treasury-activity-item time{color:var(--muted);font-size:.7rem;white-space:nowrap}.treasury-activity-metrics{display:flex;flex-wrap:wrap;gap:8px}.treasury-activity-metrics span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04);font-size:.69rem}.treasury-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:1000px){.treasury-row{grid-template-columns:42px 1.4fr 1fr 1fr}.treasury-row .treasury-number:nth-of-type(5),.treasury-row .treasury-source{grid-column:auto}.treasury-source{grid-column:2/-1}.treasury-note{grid-column:2/-1}}
@media(max-width:800px){.treasury-summary-grid{grid-template-columns:repeat(2,1fr)}.home-treasury-activity{grid-template-columns:1fr}.treasury-trust-grid{grid-template-columns:1fr}.treasury-row{grid-template-columns:42px 1fr 1fr}.treasury-company{grid-column:2/-1}.treasury-number,.treasury-source{grid-column:auto}.treasury-source{grid-column:2/-1}.treasury-note{grid-column:2/-1}.treasury-activity-item{grid-template-columns:44px 1fr}.treasury-activity-item time{grid-column:2}}
@media(max-width:560px){.treasury-summary-grid{grid-template-columns:1fr 1fr}.treasury-row{grid-template-columns:38px 1fr}.treasury-company,.treasury-number,.treasury-source,.treasury-note{grid-column:2}.treasury-number{padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.treasury-activity-item{grid-template-columns:1fr}.treasury-activity-icon{width:38px;height:38px}.treasury-activity-item time{grid-column:1}.home-treasury-item{grid-template-columns:auto 1fr auto}}

/* Beta V2.4 top 15 and Treasury Watch */
.source-badge{display:inline-flex!important;width:max-content;margin-top:7px!important;padding:4px 7px;border:1px solid var(--border);border-radius:999px;font-size:.58rem!important;font-weight:900;letter-spacing:.06em}
.source-badge.sec{color:var(--positive);border-color:rgba(53,212,154,.22);background:rgba(53,212,154,.06)}
.source-badge.company{color:#ffd6a3;border-color:rgba(247,147,26,.26);background:rgba(247,147,26,.07)}
.source-badge.neutral{color:var(--muted);background:rgba(255,255,255,.03)}
.treasury-watch-card{overflow:hidden}
.watch-legend{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.018)}
.watch-legend small{color:var(--muted);font-size:.7rem;line-height:1.45}
.treasury-watch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.watch-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:start;padding:15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.022)}
.watch-company strong{display:block}.watch-company span{display:block;margin-top:3px;color:var(--muted);font-size:.67rem}
.watch-row p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.74rem;line-height:1.5}
.watch-row a{grid-column:1/-1;color:var(--bitcoin);font-size:.69rem;font-weight:800;text-decoration:none}
.watch-chip{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:5px 7px;border-radius:8px;font-size:.58rem;font-weight:900;letter-spacing:.055em;white-space:nowrap}
.watch-chip.verified{color:var(--positive);background:rgba(53,212,154,.08)}
.watch-chip.review{color:#17130d;background:var(--bitcoin)}
.watch-chip.check{color:#ffd6a3;background:rgba(247,147,26,.11)}
.watch-chip.quiet{color:var(--muted);background:rgba(255,255,255,.055)}
.watch-partial{grid-column:1/-1;margin:4px 0 0;color:#b7a37b;font-size:.7rem;line-height:1.5}
.exclusion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.exclusion-item{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.022)}
.exclusion-item strong{display:block}.exclusion-item p{margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}
.methodology-card .section-intro{max-width:900px}
@media(max-width:800px){.treasury-watch,.exclusion-grid{grid-template-columns:1fr}}
@media(max-width:560px){.watch-legend{grid-template-columns:1fr}.watch-row{grid-template-columns:1fr}.watch-chip{grid-row:auto}.watch-row p,.watch-row a{grid-column:1}}
.watch-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.compact-button{width:auto;padding:10px 13px;font-size:.72rem}
.watch-meta{margin:10px 0 0;color:#8e98a7;font-size:.74rem;line-height:1.5}
.watch-row p b{color:#d7dde6;font-size:.65rem;letter-spacing:.04em}
@media(max-width:600px){.watch-actions{width:100%;justify-content:space-between}.compact-button{width:auto;flex:0 0 auto}}
/* V2.5 Treasury Watch automation */
.watch-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 10px}.watch-health-grid article{padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}.watch-health-grid span{display:block;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.05em}.watch-health-grid strong{display:block;margin-top:7px;font-size:.9rem;color:#f4f6f8}.watch-workflow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 14px;padding:11px 13px;border:1px solid rgba(247,147,26,.14);border-radius:13px;background:rgba(247,147,26,.035)}.watch-workflow span{font-size:.61rem;font-weight:900;letter-spacing:.055em;color:#d7dbe1}.watch-workflow b{color:var(--bitcoin);font-size:.78rem}.watch-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-button{padding:9px 11px;font-size:.7rem}.watch-meta{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}@media(max-width:800px){.watch-health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.watch-health-grid{grid-template-columns:1fr 1fr}.watch-actions{align-items:flex-start;flex-direction:column}}

/* V2.6 historical macro charts */
.macro-history-card{padding:clamp(22px,4vw,32px)}
.macro-metric-selector{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.macro-metric-button{padding:9px 12px;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:rgba(255,255,255,.025);cursor:pointer;font-size:.75rem;font-weight:800}
.macro-metric-button:hover{border-color:rgba(247,147,26,.35);color:var(--text)}
.macro-metric-button.active{border-color:rgba(247,147,26,.45);color:#17130d;background:var(--bitcoin)}
.macro-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0}
.macro-history-toolbar>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#macroHistoryValue{font-size:clamp(1.55rem,4vw,2.35rem);letter-spacing:-.045em}
.macro-history-chart-wrap{position:relative;height:390px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.015);overflow:hidden}
#macroHistoryChart{width:100%;height:100%;display:block}
.macro-history-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-top:12px}
.macro-history-footer .fine-print{max-width:820px;margin:0}
@media(max-width:700px){.macro-history-toolbar,.macro-history-footer{align-items:stretch;flex-direction:column}.macro-history-toolbar .range-selector{width:100%}.macro-history-chart-wrap{height:310px}.macro-metric-button{flex:1 1 calc(33.333% - 8px);text-align:center}.macro-history-heading{gap:8px}}

/* V2.7 core liquidity snapshot */
.liquidity-snapshot-card{padding:clamp(22px,4vw,32px)}
.liquidity-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.liquidity-snapshot-item{min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.024);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;outline:none}
.liquidity-snapshot-item:hover,.liquidity-snapshot-item:focus-visible{transform:translateY(-2px);border-color:rgba(247,147,26,.38);background:rgba(247,147,26,.035)}
.snapshot-top,.snapshot-change,.snapshot-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.snapshot-top{color:var(--muted);font-size:.72rem}
.snapshot-frequency{font-size:.62rem;color:#747d8b;text-align:right}
.liquidity-snapshot-item>strong{display:block;margin:11px 0 7px;font-size:clamp(1.25rem,2.4vw,1.65rem);letter-spacing:-.04em}
.snapshot-change{font-size:.68rem}.snapshot-change>span:last-child{color:#7f8896;text-align:right}
.liquidity-snapshot-item .macro-spark{height:54px;margin:13px 0 7px}
.liquidity-snapshot-item .macro-spark polyline{stroke-width:2.2}
.snapshot-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.05);color:#747d8b;font-size:.61rem}
@media(max-width:900px){.liquidity-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.liquidity-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.liquidity-snapshot-item{padding:14px}.snapshot-top{align-items:flex-start;flex-direction:column;gap:3px}.snapshot-frequency{text-align:left}.snapshot-change{align-items:flex-start;flex-direction:column;gap:3px}.liquidity-snapshot-item .macro-spark{height:44px}.snapshot-footer{align-items:flex-start;flex-direction:column;gap:3px}}

/* V2.7.2 resilient macro charts */
.official-spark-wrap{height:58px;margin:10px 0 7px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#181b22;display:flex;align-items:center;justify-content:center}
.official-spark-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#181b22}
.spark-fallback-note{display:flex;align-items:center;justify-content:center;min-height:48px;margin:10px 0 7px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:12px;text-align:center;padding:8px}
.macro-history-fallback{display:block;width:100%;height:100%;object-fit:contain;background:#181b22}
.macro-history-fallback[hidden]{display:none}
@media(max-width:600px){.official-spark-wrap{height:50px}}
/* V2.8: all core liquidity mini charts are native orange sparklines generated from official data. */
.liquidity-snapshot-item .macro-spark{height:52px;margin-top:8px}
.liquidity-snapshot-item .macro-spark polyline{stroke:#f7931a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.chart-loading[hidden]{display:none!important}

/* Beta 2.11: compact Treasury yield curve section */
.yield-strip{margin:0 0 16px;padding:20px}
.yield-strip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.yield-strip-head h3{margin:3px 0 0;font-size:1.15rem;letter-spacing:-.025em}
.yield-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.yield-item{padding:15px 16px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}
.yield-item span{display:block;color:var(--bitcoin);font-size:.72rem;font-weight:900;letter-spacing:.05em}
.yield-item strong{display:block;margin:7px 0 4px;font-size:1.45rem;letter-spacing:-.04em}
.yield-item small{color:var(--muted);font-size:.68rem}
.yield-thesis-note{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start;margin-top:14px;padding:13px 15px;border:1px solid rgba(247,147,26,.16);border-radius:14px;background:rgba(247,147,26,.035)}
.yield-thesis-note strong{color:#ffd6a3;font-size:.76rem}
.yield-thesis-note p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}
.yield-strip-footer{display:flex;justify-content:space-between;gap:14px;margin-top:12px;color:var(--muted);font-size:.68rem}
.yield-strip-footer a{color:var(--bitcoin);text-decoration:none}
@media(max-width:700px){.yield-grid{grid-template-columns:repeat(2,1fr)}.yield-strip-head,.yield-strip-footer{flex-direction:column}.yield-thesis-note{grid-template-columns:1fr}}


/* Beta 2.12: dynamic What it is / Why Bitcoiners care explainer above the historical chart */
.macro-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 20px}
.macro-explainer-block{padding:15px 17px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.022)}
.macro-explainer-block--thesis{border-color:rgba(247,147,26,.16);background:rgba(247,147,26,.032)}
.macro-explainer-label{display:block;margin-bottom:7px;color:var(--text);font-size:.72rem;font-weight:850;letter-spacing:.02em}
.macro-explainer-block--thesis .macro-explainer-label{color:#ffd6a3}
.macro-explainer-block p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.55}
@media(max-width:700px){.macro-explainer-grid{grid-template-columns:1fr}}

/* Beta 2.13: supporting indicators fail quietly. The verified Treasury yield strip remains visible above. */
.macro-grid[hidden]{display:none!important}

/* Beta 2.15: Bitcoin Flows */
.flow-pulse{padding:clamp(22px,4vw,32px)}
.home-etf-flow{margin-top:8px}.home-flow-value{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-flow-value>div{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.024)}.home-flow-value span,.home-flow-value small{display:block;color:var(--muted)}.home-flow-value span{font-size:.73rem}.home-flow-value strong{display:block;margin:7px 0 4px;font-size:1.55rem;letter-spacing:-.04em}.home-flow-value small{font-size:.67rem}.home-flow-note{margin:10px 0 0;color:var(--muted);font-size:.69rem}
.flows-etf-card,.flows-method-card{padding:clamp(22px,4vw,32px)}
.flow-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-summary-item{padding:17px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.024)}.flow-summary-item span,.flow-summary-item small{display:block;color:var(--muted)}.flow-summary-item span{font-size:.72rem}.flow-summary-item strong{display:block;margin:8px 0 4px;font-size:1.65rem;letter-spacing:-.045em}.flow-summary-item small{font-size:.68rem;line-height:1.4}
.flow-chart-wrap{height:235px;margin-top:18px;padding:10px 2px 0;border-top:1px solid rgba(255,255,255,.06)}#etfFlowChart{width:100%;height:100%;display:block}.flow-source-note{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-top:12px;color:var(--muted);font-size:.68rem;line-height:1.5}.flow-source-note p{margin:0;max-width:800px}.flow-source-note a{color:var(--bitcoin);text-decoration:none;white-space:nowrap}
.flows-research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flow-research-card{padding:22px}.flow-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.flow-icon{display:inline-grid;min-width:40px;height:34px;place-items:center;padding:0 8px;border-radius:10px;color:#17130d;background:var(--bitcoin);font-size:.7rem;font-weight:900}.flow-status{padding:6px 8px;border-radius:999px;font-size:.61rem;font-weight:900;letter-spacing:.05em}.flow-status.pending{color:#d3a66f;background:rgba(247,147,26,.08);border:1px solid rgba(247,147,26,.16)}.flow-research-card h3{margin:18px 0 8px}.flow-research-card>p,.flow-why p{color:var(--muted);font-size:.8rem;line-height:1.58}.flow-research-card>p{margin:0}.flow-why{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.flow-why strong{font-size:.72rem;color:#ffd6a3}.flow-why p{margin:6px 0 0}
.flows-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.flows-standards p{margin:0;padding:16px;border:1px solid var(--border);border-radius:15px;color:var(--muted);background:rgba(255,255,255,.02);font-size:.78rem;line-height:1.55}.flows-standards strong{color:var(--text)}
@media(max-width:900px){.flows-research-grid,.flows-standards{grid-template-columns:1fr}.flow-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.home-flow-value,.flow-summary-grid{grid-template-columns:1fr}.flow-source-note{flex-direction:column}.flow-chart-wrap{height:210px}}

/* Beta 2.16 Mining base */
.mining-snapshot-card,.difficulty-card,.mining-history-card,.miner-revenue-card,.mining-method-card{padding:clamp(22px,4vw,32px)}
.mining-snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.mining-stat-card{padding:18px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.024);outline:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.mining-stat-card[data-mining-select]{cursor:pointer}.mining-stat-card[data-mining-select]:hover,.mining-stat-card[data-mining-select]:focus-visible{border-color:rgba(247,147,26,.42);background:rgba(247,147,26,.035);transform:translateY(-1px)}
.mining-stat-label{display:flex;justify-content:space-between;gap:10px;align-items:center}.mining-stat-label span{font-size:.76rem;font-weight:800}.mining-stat-label small{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}
.mining-stat-card>strong{display:block;margin:12px 0 5px;font-size:1.68rem;letter-spacing:-.045em}.mining-stat-card>span{font-size:.72rem;font-weight:800}.mining-stat-card>p{margin:12px 0 0;color:var(--muted);font-size:.7rem;line-height:1.5}.mining-wide-message{grid-column:1/-1}
.difficulty-layout{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:14px;margin-top:18px}.difficulty-main,.difficulty-details>div{border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.024)}
.difficulty-main{padding:22px}.difficulty-main span,.difficulty-main small,.difficulty-details span{display:block;color:var(--muted)}.difficulty-main span{font-size:.73rem}.difficulty-main strong{display:block;margin:8px 0 6px;font-size:2.35rem;letter-spacing:-.055em}.difficulty-main small{font-size:.7rem;line-height:1.5}
.difficulty-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.difficulty-details>div{padding:18px}.difficulty-details span{font-size:.68rem}.difficulty-details strong{display:block;margin-top:9px;font-size:1.22rem;letter-spacing:-.03em}.difficulty-note{margin:14px 0 0;color:var(--muted);font-size:.7rem;line-height:1.55}
.mining-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 0}.mining-metric-button,.mining-range-button{border:1px solid var(--border);border-radius:10px;padding:9px 12px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.72rem;font-weight:800;cursor:pointer}.mining-metric-button.active,.mining-range-button.active{border-color:rgba(247,147,26,.35);color:#17130d;background:var(--bitcoin)}
.mining-chart-summary{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}.mining-chart-summary strong{font-size:1.38rem;letter-spacing:-.035em}.mining-chart-wrap{position:relative;height:330px;margin-top:10px}.mining-chart-wrap canvas{width:100%;height:100%;display:block}.mining-chart-wrap .chart-loading{border-radius:14px;background:rgba(9,11,16,.72)}
.mining-history-footer{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-top:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}.mining-history-footer p{max-width:820px;margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}.mining-history-footer a{color:var(--bitcoin);font-size:.68rem;text-decoration:none;white-space:nowrap}
.miner-revenue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.miner-revenue-grid article{padding:18px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.024)}.miner-revenue-grid span,.miner-revenue-grid small{display:block;color:var(--muted)}.miner-revenue-grid span{font-size:.72rem}.miner-revenue-grid strong{display:block;margin:9px 0 5px;font-size:1.55rem;letter-spacing:-.04em}.miner-revenue-grid small{font-size:.66rem}.mining-revenue-explainer{margin-bottom:0}
.mining-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.mining-standards p{margin:0;padding:17px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.022);color:var(--muted);font-size:.74rem;line-height:1.58}.mining-standards strong{color:var(--text)}
@media(max-width:980px){.mining-snapshot-grid{grid-template-columns:repeat(2,1fr)}.difficulty-layout{grid-template-columns:1fr}.mining-standards{grid-template-columns:1fr}}
@media(max-width:680px){.mining-snapshot-grid,.difficulty-details,.miner-revenue-grid{grid-template-columns:1fr}.mining-chart-wrap{height:275px}.mining-history-footer{flex-direction:column}.difficulty-main strong{font-size:2rem}.mining-controls{align-items:stretch}.mining-controls>.range-selector{width:100%;display:flex}.mining-range-button{flex:1}.macro-metric-selector{width:100%;display:flex;overflow-x:auto}.mining-metric-button{flex:1;white-space:nowrap}}

/* Beta 2.17 Mining context + history repair */
.mining-guide-card,.mining-current-read-card{padding:clamp(22px,4vw,32px)}
.mining-chain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.mining-chain-grid article{padding:18px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.024)}
.mining-chain-grid article>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:rgba(247,147,26,.12);color:var(--bitcoin);font-size:.72rem;font-weight:900}
.mining-chain-grid article>strong{display:block;margin:12px 0 7px;font-size:.84rem}
.mining-chain-grid article>p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}
.mining-guide-bottom{margin-top:14px;padding:15px 17px;border:1px solid rgba(247,147,26,.16);border-radius:15px;background:rgba(247,147,26,.032);color:var(--muted);font-size:.76rem;line-height:1.6}
.mining-guide-bottom strong{color:#ffd6a3}
.mining-current-read{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.95fr);gap:14px;margin-top:16px}
.mining-current-copy,.mining-current-facts>div{border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.024)}
.mining-current-copy{padding:20px}.mining-current-copy>strong{font-size:1rem}.mining-current-copy p{margin:9px 0 0;color:var(--muted);font-size:.76rem;line-height:1.62}.mining-current-copy .mining-caution{font-size:.69rem;color:#b5a07e}
.mining-current-facts{display:grid;grid-template-columns:1fr;gap:9px}.mining-current-facts>div{padding:13px 15px}.mining-current-facts span,.mining-current-facts small{display:block;color:var(--muted)}.mining-current-facts span{font-size:.65rem}.mining-current-facts strong{display:block;margin:4px 0 2px;font-size:1.08rem}.mining-current-facts small{font-size:.62rem;line-height:1.35}
.mining-stat-card>p b{color:var(--text);font-weight:800}
.mining-history-card .macro-explainer-grid{grid-template-columns:repeat(3,1fr)}
.mining-read-block{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.018)}
.mining-range-button:disabled,.mining-range-button.unavailable{opacity:.36;cursor:not-allowed;border-color:var(--border);color:var(--muted);background:rgba(255,255,255,.015)}
@media(max-width:980px){.mining-chain-grid{grid-template-columns:repeat(2,1fr)}.mining-current-read{grid-template-columns:1fr}.mining-history-card .macro-explainer-grid{grid-template-columns:1fr}}
@media(max-width:680px){.mining-chain-grid{grid-template-columns:1fr}.mining-current-facts{grid-template-columns:1fr}}

/* Beta V2.18 Home price-history ranges */
.price-range-selector{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.price-range-selector::-webkit-scrollbar{display:none}
.price-range-selector .range-button{flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){.price-range-selector{width:100%}.price-range-selector .range-button{flex:0 0 auto;min-width:48px}}

/* Beta 2.19: primary-source Bitcoin News */
.news-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.news-hero>div:first-child{max-width:800px}.news-health{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:170px}.news-health small{color:var(--muted);font-size:.68rem;text-align:right}.news-top-card{padding:clamp(22px,4vw,32px)}.news-heading{align-items:center}.news-filter-row{display:flex;gap:8px;overflow-x:auto;margin:18px 0 20px;padding:2px 0 7px;scrollbar-width:none}.news-filter-row::-webkit-scrollbar{display:none}.news-filter{flex:0 0 auto;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.7rem;font-weight:850;cursor:pointer}.news-filter.active{background:var(--bitcoin);border-color:rgba(247,147,26,.55);color:#17130d}.news-feed{display:grid;gap:12px}.news-item{padding:18px 19px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.021)}.news-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.news-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.news-category{display:inline-flex;padding:5px 7px;border-radius:8px;background:rgba(247,147,26,.1);color:#ffd6a3;font-size:.59rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.news-source{color:#9ca5b3;font-size:.66rem}.news-age{color:#747d8b;font-size:.65rem;white-space:nowrap}.news-item h3{margin:0;font-size:1.03rem;line-height:1.35;letter-spacing:-.018em}.news-summary{margin:9px 0 0;color:#b7bec9;font-size:.77rem;line-height:1.58}.news-why{display:grid;grid-template-columns:132px 1fr;gap:12px;margin-top:13px;padding:12px 13px;border:1px solid rgba(247,147,26,.14);border-radius:13px;background:rgba(247,147,26,.028)}.news-why strong{color:#ffd6a3;font-size:.7rem}.news-why p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.55}.news-item-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.news-item-footer span{color:#707987;font-size:.63rem}.news-item-footer a{color:var(--bitcoin);font-size:.69rem;font-weight:850;text-decoration:none}.news-empty{padding:24px;border:1px dashed var(--border);border-radius:15px;color:var(--muted);text-align:center;font-size:.77rem}.news-source-policy{padding:clamp(22px,4vw,32px)}.news-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.news-policy-grid article{padding:16px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.021)}.news-policy-grid strong{display:block;font-size:.82rem}.news-policy-grid p{margin:7px 0 0;color:var(--muted);font-size:.74rem;line-height:1.55}.news-legal-note{margin:13px 0 0;color:#747d8b;font-size:.68rem;line-height:1.5}.news-status-live{color:var(--positive)!important;background:rgba(53,212,154,.08)!important}.news-status-partial{color:#ffd6a3!important;background:rgba(247,147,26,.09)!important}.news-status-seed,.news-status-cached{color:#b9c1cc!important;background:rgba(255,255,255,.055)!important}@media(max-width:760px){.news-hero{flex-direction:column}.news-health{align-items:flex-start}.news-health small{text-align:left}.news-policy-grid{grid-template-columns:1fr}.news-why{grid-template-columns:1fr}.news-item-top,.news-item-footer{align-items:flex-start;flex-direction:column}.news-age{white-space:normal}}

/* Production V1.1: viewport centering and horizontal-drift guard */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
body{position:relative}
.site-header,.app-nav,.app-shell,footer{width:min(1160px,calc(100% - 32px));max-width:1160px;margin-left:auto;margin-right:auto}
.site-header,.app-nav,.app-shell,footer,.page,.card,.section-heading,.chart-header,.converter,.news-hero,.mining-controls,.macro-history-toolbar{min-width:0}
.app-shell>*,.page>*,.card>*{max-width:100%;min-width:0}
canvas,svg,img{max-width:100%}
.app-nav{left:auto;right:auto;overscroll-behavior-x:contain;scroll-padding-inline:8px}
.nav-item{text-align:center}
@media(max-width:600px){
  .site-header,.app-nav,.app-shell,footer{width:calc(100% - 20px);max-width:calc(100% - 20px)}
}