#hstr-match-v2 { color-scheme:light; --hm-ink:#0f3d38; --hm-muted:#2b5a54; --hm-line:#a5cec4; --hm-panel:#d5eee5; --hm-paper:#edf5ec; --hm-green:#2afeb7; --hm-radius:22px; --hm-display:'Hanken Grotesk',system-ui,sans-serif; --hm-mono:'JetBrains Mono',ui-monospace,monospace; font:400 15px/1.5 var(--hm-display); color:var(--hm-ink); background-color:#83d8c8; background-image:linear-gradient(90deg,#f5f8f20d 1px,transparent 1px),linear-gradient(#f5f8f20d 1px,transparent 1px),linear-gradient(115deg,#aedfd4,#83d0c0 72%,#9ddace); background-size:72px 72px,72px 72px,100% 100%; border-radius:var(--hm-radius); overflow:hidden; }
    #hstr-match-v2 * { box-sizing:border-box; }
    #hstr-match-v2 [hidden] { display:none!important; }
    #hstr-match-v2 button, #hstr-match-v2 input, #hstr-match-v2 select { font:inherit; }
    #hstr-match-v2 button, #hstr-match-v2 summary, #hstr-match-v2 select { cursor:pointer; }
    #hstr-match-v2 button:disabled { opacity:.5; cursor:default; }
    #hstr-match-v2 .hm-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:18px 26px; background:#7baaa0; }
    #hstr-match-v2 .hm-brand { font-size:24px; font-weight:800; letter-spacing:-1px; line-height:1.1; }
    #hstr-match-v2 .hm-brand span { color:#ffffff; }
    #hstr-match-v2 .hm-kicker { font:500 10px/1.6 var(--hm-mono); text-transform:uppercase; letter-spacing:1.4px; }
    #hstr-match-v2 .hm-content { padding:26px; }
    #hstr-match-v2 .hm-switch { display:flex; width:fit-content; max-width:100%; border-radius:999px; background:var(--glass-well,#83baae); border:1px solid rgba(255,255,255,.34); box-shadow:inset 0 1px 3px rgba(15,61,56,.16); padding:4px; gap:3px; margin-bottom:28px; }
    #hstr-match-v2 .hm-switch button { background:transparent; color:var(--hm-ink); border:0; border-radius:999px; padding:10px 16px; font:500 11px/1.4 var(--hm-mono); text-transform:uppercase; letter-spacing:.6px; }
    #hstr-match-v2 .hm-switch button { transition:background var(--glass-ease,.18s ease), box-shadow var(--glass-ease,.18s ease); }
    #hstr-match-v2 .hm-switch button[aria-pressed="true"] { background:var(--glass-tint-strong,var(--hm-paper)); box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 2px 8px rgba(15,61,56,.16); }
    #hstr-match-v2 .hm-eyebrow { display:flex; align-items:center; gap:9px; color:var(--hm-muted); font:500 10px/1.5 var(--hm-mono); text-transform:uppercase; letter-spacing:1.7px; }
    #hstr-match-v2 .hm-eyebrow::before { content:''; width:22px; height:1px; background:var(--hm-muted); }
    #hstr-match-v2 h2 { color:var(--hm-ink); font:800 39px/1.08 var(--hm-display); letter-spacing:-1.5px; margin:12px 0 12px; }
    #hstr-match-v2 h2 span { color:#ffffff; }
    #hstr-match-v2 .hm-sub { color:var(--hm-muted); margin:0 0 24px; max-width:540px; }
    /* The main form panel: one of the few surfaces that really blurs. It holds money, so it takes the strong tint. */
    #hstr-match-v2 .hm-treasury-box { background:var(--glass-tint-strong,var(--hm-panel)); border:1px solid var(--glass-rim,#edf5ec9c); border-radius:var(--glass-radius-panel,var(--hm-radius)); padding:24px; box-shadow:var(--glass-shadow,0 14px 35px #0f3d3812); -webkit-backdrop-filter:var(--glass-blur,none); backdrop-filter:var(--glass-blur,none); }
    #hstr-match-v2 .hm-pair { display:grid; grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr); gap:0; align-items:center; }
    #hstr-match-v2 .hm-amount { min-width:0; }
    #hstr-match-v2 .hm-label { display:block; color:var(--hm-muted); font:500 10px/1.7 var(--hm-mono); text-transform:uppercase; letter-spacing:.9px; }
    #hstr-match-v2 .hm-inputrow { display:flex; align-items:baseline; gap:6px; margin:8px 0 4px; border-bottom:1px solid var(--hm-line); padding-bottom:6px; }
    #hstr-match-v2 #hm-deposit { width:100%; min-width:0; font:700 32px/1.2 var(--hm-display); letter-spacing:-1px; border:0; padding:0; background:transparent; color:var(--hm-ink); font-variant-numeric:tabular-nums; }
    #hstr-match-v2 .hm-number { font-size:32px; font-weight:700; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
    #hstr-match-v2 .hm-token { font:500 11px/1.5 var(--hm-mono); }
    #hstr-match-v2 .hm-plus { text-align:center; font-size:25px; font-weight:400; color:#5c978b; }
    #hstr-match-v2 .hm-small { color:var(--hm-muted); font-size:12px; }
    #hstr-match-v2 .hm-slider { width:100%; margin:22px 0 4px; accent-color:#166452; cursor:pointer; }
    #hstr-match-v2 .hm-ends { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font:400 10px/1.5 var(--hm-mono); color:var(--hm-muted); }
    #hstr-match-v2 .hm-reward { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:20px 0; margin-top:14px; border-top:1px solid var(--hm-line); border-bottom:1px solid var(--hm-line); }
    #hstr-match-v2 .hm-reward strong { display:block; font-size:32px; letter-spacing:-.7px; font-weight:750; margin-top:5px; }
    #hstr-match-v2 .hm-apr { text-align:right; }
    #hstr-match-v2 .hm-apr b { font-size:20px; font-weight:700; }
    #hstr-match-v2 .hm-estimate { font:400 11px/1.6 var(--hm-mono); color:var(--hm-muted); }
    #hstr-match-v2 .hm-terms { display:grid; grid-template-columns:1fr 1fr; gap:16px 22px; margin:20px 0; }
    #hstr-match-v2 .hm-terms b { font-size:14px; font-weight:650; }
    #hstr-match-v2 .hm-action { width:100%; border:1px solid var(--glass-accent-rim,var(--hm-green)); border-radius:999px; background:var(--glass-accent-tint,var(--hm-green)); color:#06302a; font:600 11px/1.6 var(--hm-mono); text-transform:uppercase; letter-spacing:1px; padding:13px 17px; min-height:44px; box-shadow:var(--glass-accent-shadow,none); transition:transform var(--glass-ease,.18s ease), box-shadow var(--glass-ease,.18s ease), filter var(--glass-ease,.18s ease); }
    #hstr-match-v2 .hm-action:hover:not(:disabled) { background:var(--glass-accent-tint-hover,var(--hm-green)); }
    #hstr-match-v2 .hm-action:disabled { box-shadow:none; }
    #hstr-match-v2 .hm-caption { font-size:11px; line-height:1.6; color:var(--hm-muted); margin:12px 0 0; }
    #hstr-match-v2 .hm-status { border-top:1px solid var(--hm-line); margin-top:14px; padding-top:12px; font-size:12px; color:var(--hm-ink); }
    #hstr-match-v2 .hm-rounds { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    /* Repeating cards: tint, rim, specular and glow — deliberately NO blur. */
    #hstr-match-v2 .hm-round { min-width:0; background:var(--glass-tint,var(--hm-panel)); border:1px solid var(--glass-rim,#edf5ec9c); border-radius:var(--glass-radius-card,var(--hm-radius)); padding:22px; box-shadow:var(--glass-shadow,0 12px 28px #0f3d3810); transition:transform var(--glass-ease,.18s ease), box-shadow var(--glass-ease,.18s ease); }
    #hstr-match-v2 .hm-tag { display:inline-flex; gap:7px; align-items:center; border:1px solid var(--glass-live-rim,#8ebfaf); border-radius:999px; background:rgba(42,254,183,.16); padding:5px 8px; font:500 9px/1.4 var(--hm-mono); letter-spacing:.3px; text-transform:uppercase; margin-bottom:14px; }
    #hstr-match-v2 .hm-tag::before { content:''; width:5px; height:5px; border-radius:50%; background:#176652; }
    #hstr-match-v2 h3 { color:var(--hm-ink); font:750 25px/1.2 var(--hm-display); letter-spacing:-.7px; margin:0 0 4px; }
    #hstr-match-v2 .hm-round-meta { font-size:11px; color:var(--hm-muted); }
    #hstr-match-v2 .hm-round-apr { font-size:43px; font-weight:750; letter-spacing:-1.7px; line-height:1.2; margin:21px 0 2px; }
    #hstr-match-v2 .hm-meterlabel { display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px; font:400 10px/1.6 var(--hm-mono); margin:17px 0 6px; color:var(--hm-muted); }
    #hstr-match-v2 .hm-track { height:5px; border-radius:999px; background:#b4d5c9; }
    #hstr-match-v2 .hm-fill { height:100%; border-radius:999px; background:#247e68; }
    #hstr-match-v2 .hm-round .hm-action { margin-top:21px; padding-inline:10px; font-size:10px; letter-spacing:.3px; }
    #hstr-match-v2 .hm-second { width:100%; border:1px solid var(--hm-line); border-radius:999px; padding:10px; font:500 10px/1.5 var(--hm-mono); text-transform:uppercase; letter-spacing:.4px; color:var(--hm-ink); background:var(--glass-tint-strong,var(--hm-paper)); border-color:var(--glass-rim,var(--hm-line)); box-shadow:var(--glass-shadow-pill,none); transition:transform var(--glass-ease,.18s ease), box-shadow var(--glass-ease,.18s ease); margin-top:8px; }
    #hstr-match-v2 .hm-stages { text-align:center; color:var(--hm-muted); font:400 10px/1.8 var(--hm-mono); text-transform:uppercase; margin-top:22px; }
    #hstr-match-v2 .hm-stages b { color:var(--hm-ink); font-weight:600; }
    @media(max-width:540px) { #hstr-match-v2 .hm-top { padding:16px 18px; } #hstr-match-v2 .hm-content { padding:22px 16px; } #hstr-match-v2 .hm-brand { font-size:22px; } #hstr-match-v2 .hm-switch { width:100%; } #hstr-match-v2 .hm-switch button { flex:1; padding:10px 8px; font-size:10px; } #hstr-match-v2 h2 { font-size:32px; } #hstr-match-v2 .hm-treasury-box { padding:18px; } #hstr-match-v2 .hm-pair { grid-template-columns:1fr; gap:8px; } #hstr-match-v2 .hm-plus { line-height:1; } #hstr-match-v2 .hm-rounds { grid-template-columns:1fr; } #hstr-match-v2 .hm-reward { align-items:flex-start; } #hstr-match-v2 .hm-apr { text-align:left; } #hstr-match-v2 .hm-terms { gap:14px; } }
    @media(pointer:coarse) { #hstr-match-v2 button, #hstr-match-v2 summary { min-height:44px; } #hstr-match-v2 .hm-slider { min-height:32px; } }
  
/* Full-page integration; scoped against the homepage's section styles. */
.mlb-main { max-width:1160px; padding-bottom:48px; }
.mlb-heading { display:flex; align-items:center; justify-content:space-between; gap:32px; margin:0; padding:36px 0 30px; }
.mlb-heading h1 { margin:0; font:700 clamp(30px,3.7vw,44px)/1.1 'Hanken Grotesk',sans-serif; letter-spacing:-.03em; color:var(--ink); }
#hstr-match-v2 { background:none; border-radius:0; overflow:visible; }
#hstr-match-v2 .hm-content { padding:0; }
#hstr-match-v2 section { padding:0; margin:0; }
#hstr-match-v2 [data-panel="treasury"] { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; align-items:start; }
#hstr-match-v2 .hm-intro { padding-top:24px; }
#hstr-match-v2 h2 { font-size:clamp(30px,3.3vw,39px); line-height:1.12; }
#hstr-match-v2 .hm-explainer { border-top:1px solid var(--hm-line); padding-top:24px; margin-top:32px; max-width:350px; }
#hstr-match-v2 .hm-explainer p { margin:7px 0 22px; font-size:14px; color:var(--hm-muted); line-height:1.7; }
#hstr-match-v2 .hm-switch { margin-bottom:24px; }
#hstr-match-v2 .hm-reward strong { font-size:30px; }
#hstr-match-v2 .hm-inputrow { min-height:48px; }
#hstr-match-v2 button:focus-visible, #hstr-match-v2 input:focus-visible { outline:2px solid #0F3D38; outline-offset:4px; }
#hstr-match-v2 .hm-caption { font-size:12px; }
#hstr-match-v2 .hm-status { background:rgba(244,248,242,.86); border:1px solid var(--glass-rim,var(--hm-line)); border-radius:12px; padding:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }
#hstr-match-v2 .hm-status[role="alert"] { color:#743E28; }
.mlb-explained { padding:32px 0 0; margin:36px 0 0; border-top:1px solid var(--rule); }
.mlb-explained h2 { font-size:28px; color:var(--ink); margin:0; }
.mlb-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:24px; }
.mlb-notes h3 { font:700 18px/1.2 'Hanken Grotesk',sans-serif; color:var(--ink); margin:0 0 10px; }
.mlb-notes p { font-size:14px; line-height:1.7; color:var(--ink-soft); margin:0; }
@media(max-width:900px) {
  .mlb-heading { gap:20px; align-items:start; }
  #hstr-match-v2 [data-panel="treasury"] { grid-template-columns:minmax(0,1fr); gap:20px; }
  #hstr-match-v2 .hm-intro { padding:0; }
  #hstr-match-v2 .hm-intro h2 br { display:none; }
  #hstr-match-v2 .hm-intro h2 span::before, #hstr-match-v2 .hm-intro h2 span::after { content:' '; }
  #hstr-match-v2 .hm-explainer { display:none; } /* Same ownership details remain beneath the calculator. */
  #hstr-match-v2 .hm-sub { margin-bottom:0; }
  #hstr-match-v2 [data-panel="community"] .hm-sub { margin-bottom:20px; }
}
@media(max-width:600px) {
  .mlb-heading { display:block; padding:26px 0 24px; }
  #hstr-match-v2 .hm-content { padding:0; }
  #hstr-match-v2 .hm-switch { width:100%; }
  #hstr-match-v2 .hm-switch button { flex:1; padding:12px 8px; font-size:10px; }
  #hstr-match-v2 .hm-rounds, .mlb-notes { grid-template-columns:minmax(0,1fr); }
  #hstr-match-v2 .hm-terms { gap:16px; }
  #hstr-match-v2 .hm-terms b { font-size:13px; }
  .mlb-explained { margin-top:28px; padding-top:28px; }
}

/* Wallet controls and a footer aligned to the page content. */
.mlb-wallet-notice { margin:16px 0 0; padding:12px 16px; background:var(--glass-tint-strong,#EDF5EC); border:1px solid var(--glass-rim,var(--rule)); box-shadow:var(--glass-shadow-pill,none); border-radius:12px; color:var(--ink); font-size:13px; line-height:1.5; }
.mlb-wallet-notice[hidden], .mlb-wallet-dialog [hidden] { display:none; }
.mlb-main .mlb-heading { justify-content:flex-start; }
.mlb-main #mlb-wallet-btn { white-space:nowrap; }
.mlb-wallet-dialog { width:min(380px,calc(100% - 32px)); max-height:80vh; overflow:auto; padding:24px; border:1px solid var(--glass-rim,var(--rule)); border-radius:var(--glass-radius-panel,20px); background:var(--glass-tint-strong,#D5EEE5); background-color:#DCF1E8; color:#0F3D38; margin:auto; font-family:'Hanken Grotesk',sans-serif; box-shadow:var(--glass-specular,0 0 #0000), 0 30px 80px -24px rgba(9,52,45,.55); }
.mlb-wallet-dialog::backdrop { background:#0f3d3855; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.mlb-wallet-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.mlb-wallet-dialog-head h2 { margin:0; font:700 24px/1.2 'Hanken Grotesk',sans-serif; letter-spacing:-.02em; }
.mlb-wallet-dialog-head button { width:40px; height:40px; border:1px solid var(--rule); background:#EDF5EC; color:#0F3D38; border-radius:50%; font-size:24px; cursor:pointer; }
.mlb-wallet-choice { display:block; width:100%; padding:12px 16px; margin-top:10px; border:1px solid var(--rule); border-radius:12px; background:#EDF5EC; color:#0F3D38; text-align:left; font:600 14px/1.5 'Hanken Grotesk',sans-serif; cursor:pointer; min-height:44px; }
.mlb-wallet-choice:hover { background:#EAFFF8; }
.mlb-wallet-dialog button:focus-visible { outline:2px solid #0F3D38; outline-offset:3px; }
.mlb-wallet-address { overflow-wrap:anywhere; font:400 13px/1.6 var(--font-mono); }
.mlb-wallet-dialog p { margin:0 0 12px; color:#1F5853; }
body[data-bond-product="mlb"] .mlb-footer { padding:24px 20px; margin-top:0; }
.mlb-footer .footer-content { max-width:1120px; width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px 24px; }
.mlb-footer .mlb-footer-brand { color:#0F3D38; font:750 22px/1.2 'Hanken Grotesk',sans-serif; letter-spacing:-.03em; white-space:nowrap; }
.mlb-footer-brand span { color:#FFFFFF; }
.mlb-footer p { margin:0; font-size:10px !important; line-height:1.6; letter-spacing:.08em !important; }
.mlb-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin:0; }
.mlb-footer nav a { color:#0F3D38; font:500 12px/1.5 'Hanken Grotesk',sans-serif; padding:8px 0; }
.mlb-footer a:focus-visible { outline:2px solid #0F3D38; outline-offset:4px; }
@media(max-width:700px) {
  .mlb-footer .footer-content { flex-direction:column; align-items:center; gap:12px; text-align:center; }
  .mlb-main header .wallet-btn { letter-spacing:0; padding:10px 12px; }
}

/* Contract-backed campaign and position controls. */
#mlb-campaign,.mlb-round-amount { box-sizing:border-box;width:100%;background:rgba(244,248,242,.82);color:var(--text-primary,#0f3d38);border:1px solid var(--glass-rim,rgba(15,61,56,.2));box-shadow:inset 0 1px 2px rgba(15,61,56,.08);border-radius:12px;padding:12px;font:inherit;margin:8px 0 20px; }
.mlb-toolbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 24px; }
#mlb-status { margin:0;font-size:14px;overflow-wrap:anywhere; }
.mlb-positions { margin-top:64px;padding-top:40px;border-top:1px solid rgba(15,61,56,.2); }
.mlb-position { padding:24px;margin-top:20px;border-radius:var(--glass-radius-card,20px);border:1px solid var(--glass-rim,rgba(15,61,56,.18));background:var(--glass-tint,rgba(240,255,249,.5));box-shadow:var(--glass-shadow,none); }
.mlb-position h3 { font-size:22px;margin:0 0 12px; }
.mlb-position-actions { display:flex;gap:12px;flex-wrap:wrap; }
.mlb-position-actions .hm-action { width:auto; }
.mlb-open-rounds { margin-top:24px;border-top:1px solid rgba(15,61,56,.2); }
.mlb-open-round { padding:16px 0;border-bottom:1px solid rgba(15,61,56,.15); }
#mlb-review-details { overflow-wrap:anywhere; }
#mlb-review-details p { font-size:15px;line-height:1.6; }
#mlb-review-message { font-size:14px;overflow-wrap:anywhere; }
#mlb-review-dialog { max-height:85vh;overflow:auto; }
#hstr-match-v2 button:disabled { opacity:.5;cursor:not-allowed; }
#mlb-more-campaigns,#mlb-more-positions { margin-top:24px; }
@media(max-width:600px){.mlb-position {padding:20px;} .mlb-position-actions{display:grid;grid-template-columns:1fr;} .mlb-position-actions button{width:100%;}.mlb-toolbar{align-items:flex-start;} }
#hstr-match-v2 .mlb-toolbar .hm-second { width:auto;flex:0 0 auto;min-width:96px;margin:0;padding:10px 18px; }
#hstr-match-v2 .mlb-positions { margin-top:48px;padding-top:32px; }
#hstr-match-v2 .mlb-position-actions .hm-second { width:auto; }
.mlb-wallet-dialog .hm-action { width:100%;background:var(--glass-accent-tint,#2afeb7);color:#0f3d38;border:1px solid var(--glass-accent-rim,#2afeb7);box-shadow:var(--glass-accent-shadow,none);border-radius:999px;padding:16px 20px;font:500 12px/1.5 'JetBrains Mono',monospace;text-transform:uppercase;cursor:pointer; }
.mlb-wallet-dialog .hm-action:hover:not(:disabled) { background:var(--glass-accent-tint-hover,#3dffc1); }
.mlb-wallet-dialog .hm-action:disabled { opacity:.5;cursor:wait; }
@media(max-width:600px){#hstr-match-v2 .mlb-position-actions .hm-second { width:100%; }}

.mlb-heading .mlb-article-actions { margin-top:20px; }
.mlb-heading .mlb-article-actions .product-button { text-decoration:none; }
/* Water glass: lift on hover, only where a pointer can hover and the person has not asked for less motion. */
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #hstr-match-v2 .hm-round:hover, .mlb-position:hover, #hstr-match-v2 .desk-bond:hover { transform:translateY(-2px); box-shadow:var(--glass-shadow-lift,0 12px 28px #0f3d3810); }
  #hstr-match-v2 .hm-action:hover:not(:disabled), #hstr-match-v2 .hm-second:hover:not(:disabled) { transform:translateY(-1px); }
  #hstr-match-v2 .hm-action:active:not(:disabled), #hstr-match-v2 .hm-second:active:not(:disabled) { transform:none; }
}