:root{--bg:#FBF5EC;--surface:#FFFFFF;--ink:#11293A;--ink-2:#2B3F4C;--muted:#5B6B76;--line:#E9DFD0;--line-2:#F0E8DC;--sea:#0B4F6C;--sea-2:#0E6A8E;--sea-deep:#08364A;--coral:#F06A4A;--coral-text:#B9401F;--coral-soft:#FDE7E0;--highlight:#FFF1EC;--sky-soft:#DCEBF2;--closed:#F1ECE4;--on-dark:#BFD3DE;--coral-on-dark:#FFD3C6}
.sgp-n,.sgp-t td,.sgp-cal small,.sgp-tile__v,.sgp-calc__big{font-variant-numeric:tabular-nums}
.sgp-card{background:var(--surface);border:1px solid var(--line);border-radius:18px}
.sgp-h2{font-size:22px;font-weight:700;margin:32px 0 12px;line-height:1.4}
.sgp-h3{font-size:18px;font-weight:700;margin:22px 0 10px;line-height:1.4}
.sgp-sub{font-size:12.5px;color:var(--muted);margin:8px 0 0;line-height:1.7}
.sgp-empty{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.sgp-chg{white-space:nowrap;font-weight:600}.sgp-chg.is-up{color:var(--coral-text)}.sgp-chg.is-down{color:var(--sea)}
.sgp-coral{color:var(--coral-text)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
/* live pill */
.sgp-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--sea);margin:4px 0 16px}
.sgp-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:none}
/* scale */
.sgp-scale{background:var(--sea);border-radius:22px;overflow:hidden;color:#fff}
.sgp-scale__top{padding:16px}
.sgp-scale__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sgp-scale__label{font-size:13px;font-weight:600;color:var(--coral-on-dark);margin:0}
.sgp-scale__price{margin:2px 0 0;font-size:40px;font-weight:700;line-height:1.2;white-space:nowrap}
.sgp-scale__price bdi{font-variant-numeric:tabular-nums}.sgp-scale__price span{font-size:18px;font-weight:600}
.sgp-scale__chg{background:#fff;color:var(--coral-text);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700;white-space:nowrap;margin-top:4px}
.sgp-scale__chg.is-down{color:var(--sea)}
.sgp-chips{display:flex;gap:6px;margin-top:14px}
.sgp-chip{flex:1;border:0;border-radius:999px;padding:7px 10px;min-height:44px;font:inherit;font-size:13px;font-weight:700;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.sgp-chip[aria-pressed=true]{background:var(--coral)}
@media (max-width:479px){.sgp-chip__p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.sgp-chip{font-size:15px;padding:7px 4px}}
.sgp-scale__bottom{background:var(--bg);color:var(--ink);padding:16px}
.sgp-scale__row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.sgp-scale__title{font-size:16px;font-weight:700;margin:0}
.sgp-wsw{display:flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.sgp-wsw button{border:0;background:transparent;border-radius:8px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);padding:6px 8px;min-height:36px;min-width:40px;cursor:pointer}
.sgp-wsw button[aria-pressed=true]{background:var(--sea);color:#fff}
.sgp-balance{display:block;width:100%;height:92px;margin:10px 0 6px}
.sgp-beam{transform:rotate(-3deg);transform-origin:170px 30px;transform-box:view-box}
.sgp-beam.is-tilt{animation:sgp-tilt .7s ease}
@keyframes sgp-tilt{0%{transform:rotate(-3deg)}35%{transform:rotate(-5.5deg)}70%{transform:rotate(-2deg)}100%{transform:rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){.sgp-beam.is-tilt{animation:none}}
.sgp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.sgp-tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sgp-tile__l{font-size:12px;color:var(--muted);font-weight:600}
.sgp-tile__v{font-size:17px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.sgp-tile__u{font-size:11.5px;color:var(--muted)}.sgp-tile__u--coral{color:var(--coral-text)}
.sgp-tile--market{background:var(--sea);border-color:var(--sea)}
.sgp-tile--market .sgp-tile__l,.sgp-tile--market .sgp-tile__u{color:var(--on-dark)}.sgp-tile--market .sgp-tile__v{color:#fff}
.sgp-scale-note{font-size:12.5px;color:var(--muted);margin:10px 2px 0;line-height:1.7}
.sgp-scale-note a{color:var(--sea);font-weight:600}
/* tables */
.sgp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sgp-t{width:100%;border-collapse:collapse;font-size:15px}
.sgp-t th,.sgp-t td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.sgp-t thead th{background:var(--coral-soft);font-size:12px;font-weight:700;color:var(--muted)}
.sgp-t tbody tr:last-child th,.sgp-t tbody tr:last-child td{border-bottom:0}
.sgp-t tbody th{font-weight:600}
.sgp-t__p{font-weight:700}
.sgp-t tr.is-sel{background:var(--highlight);box-shadow:inset -4px 0 0 var(--coral)}
.sgp-t tr.is-closed{color:var(--muted)}
.sgp-ktable .sgp-card{border-radius:18px}
.sgp-ktable.is-compact .sgp-h2{font-size:18px;margin-top:0}
.sgp-ktable.is-compact .sgp-t th,.sgp-ktable.is-compact .sgp-t td{padding:9px 10px;font-size:14px}
/* kilo / mini cards */
.sgp-kilo__hero{background:var(--sea);color:#fff;border-radius:18px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sgp-kilo__l{font-size:13px;color:var(--on-dark);margin:0}
.sgp-kilo__v{font-size:26px;font-weight:700;margin:2px 0;color:#fff;white-space:nowrap}
.sgp-kilo__hero .sgp-chg.is-up{color:var(--coral-on-dark)}.sgp-kilo__hero .sgp-chg.is-down{color:var(--on-dark)}
.sgp-kilo__hero .sgp-logo{flex:none}
.sgp-kilo__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.sgp-mini{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.sgp-mini span{font-size:13px;color:var(--muted)}
.sgp-mini b{font-size:18px;font-weight:700;overflow-wrap:anywhere}
.sgp-kcard .sgp-kcard__v{font-size:30px}
/* teasers */
.sgp-calteaser{display:block;padding:16px;text-decoration:none;color:var(--ink);margin-top:16px}
.sgp-calteaser__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:16px}
.sgp-calteaser__head .sgp-coral{font-size:13px;font-weight:700}
.sgp-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0 6px}
.sgp-day{display:flex;align-items:center;justify-content:center;height:34px;border-radius:9px;font-size:13px;font-weight:700;background:#fff;color:#9AA5AD;border:1px solid var(--line-2)}
.sgp-day.is-up,.sgp-cal__day.is-up,.sgp-lg.is-up{background:var(--coral-soft);color:var(--coral-text);border-color:var(--coral-soft)}
.sgp-day.is-down,.sgp-cal__day.is-down,.sgp-lg.is-down{background:var(--sky-soft);color:var(--sea);border-color:var(--sky-soft)}
.sgp-day.is-closed,.sgp-cal__day.is-closed,.sgp-lg.is-closed{background:var(--closed);color:#8A7B6C;border-color:var(--closed)}
.sgp-day.is-flat,.sgp-cal__day.is-flat{background:var(--line-2);color:var(--ink-2)}
.sgp-calcteaser{display:flex;align-items:center;gap:14px;background:var(--coral);color:#fff;border-radius:18px;padding:16px;text-decoration:none;margin-top:16px}
.sgp-calcteaser__ic{width:56px;height:56px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.sgp-calcteaser b{display:block;font-size:17px;margin-bottom:2px}
.sgp-calcteaser span span{font-size:13.5px;line-height:1.6}
.sgp-egp{padding:16px}.sgp-egp .sgp-h3{margin-top:0}
.sgp-egp__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sgp-more{display:inline-block;margin-top:10px;color:var(--sea);font-weight:600}
.sgp-rate{font-weight:600}
.sgp-code{font-size:12px;color:var(--muted);font-weight:500}
/* forms & tools */
.sgp-tool{padding:16px}
.sgp-fields{display:grid;gap:12px;grid-template-columns:1fr}
.sgp-field{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0 0 14px;min-width:0}
.sgp-field>span,.sgp-field>label,.sgp-field legend{font-size:14px;font-weight:600;color:var(--ink-2);padding:0}
.sgp-field input,.sgp-field select{min-height:48px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:16px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.sgp-break{margin:12px 0 0;display:grid;gap:0}
.sgp-break div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.sgp-break div:last-child{border-bottom:0}
.sgp-break dt{color:var(--ink-2)}.sgp-break dd{margin:0;font-weight:700;text-align:left}
.sgp-btn{min-height:44px;border-radius:12px;border:1px solid var(--sea);background:var(--sea);color:#fff;font:inherit;font-weight:700;padding:0 16px;cursor:pointer}
.sgp-btn--ghost{background:#fff;color:var(--sea);border-color:var(--line)}
.sgp-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
/* calculator */
.sgp-calc{display:grid;gap:16px}
.sgp-calc__form{padding:16px}
.sgp-stepper{display:flex;align-items:center;gap:6px}
.sgp-stepper--big input{flex:1;min-height:48px;border:2px solid var(--sea);border-radius:12px;text-align:center;font:inherit;font-size:22px;font-weight:700;color:var(--ink);min-width:0;width:100%;-moz-appearance:textfield}
.sgp-stepper input::-webkit-inner-spin-button,.sgp-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sgp-step{width:48px;min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:22px;font-weight:700;cursor:pointer;flex:none}
.sgp-step--plus{background:var(--sea);border-color:var(--sea);color:#fff}
.sgp-two .sgp-stepper .sgp-step{width:36px;min-height:40px;height:40px;font-size:18px}
.sgp-stepper__v{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:12px;min-height:48px;background:#fff;min-width:0}
.sgp-stepper__v input{border:0;width:56px;text-align:center;font:inherit;font-size:17px;font-weight:700;background:transparent;color:var(--ink);-moz-appearance:textfield;padding:0}
.sgp-stepper__v span{font-size:13px;color:var(--muted)}
.sgp-presets{display:flex;flex-wrap:wrap;gap:6px}
.sgp-presets button{min-height:36px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}
.sgp-kbtns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.sgp-kbtns button{min-height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;font-size:16px;font-weight:700;color:var(--ink);cursor:pointer}
.sgp-kbtns button[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:#fff}
.sgp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sgp-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 0;cursor:pointer;position:relative;font-weight:600}
.sgp-switch input{position:absolute;opacity:0;width:46px;height:26px;left:0;margin:0;cursor:pointer}
.sgp-switch__track{width:46px;height:26px;border-radius:999px;background:#C9D3D9;position:relative;flex:none;transition:background .2s}
.sgp-switch__track::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.sgp-switch input:checked+.sgp-switch__track{background:var(--coral)}
.sgp-switch input:checked+.sgp-switch__track::after{transform:translateX(-20px)}
.sgp-switch input:focus-visible+.sgp-switch__track{outline:3px solid var(--coral);outline-offset:2px}
.sgp-more-pieces{margin-top:8px;border-top:1px solid var(--line-2);padding-top:10px}
.sgp-more-pieces summary{cursor:pointer;font-weight:600;color:var(--sea);min-height:44px;display:flex;align-items:center}
.sgp-piece{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;border-top:1px dashed var(--line);padding-top:10px;margin-top:6px}
.sgp-piece .sgp-btn{grid-column:1/-1;justify-self:start}
.sgp-calc__market{background:var(--sea);color:#fff;border-radius:18px;padding:16px}
.sgp-calc__market p{margin:0;color:var(--on-dark);font-size:14px}
.sgp-calc__market .sgp-calc__big{color:#fff;font-size:32px;font-weight:700;margin-top:4px}
.sgp-calc__big span{font-size:16px}
.sgp-calc__pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.sgp-calc__tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}
.sgp-calc__tile span{font-size:13px;color:var(--muted)}.sgp-calc__tile b{font-size:20px}.sgp-calc__tile b span{font-size:13px}
.sgp-calc__tile--sell{border-top:4px solid var(--sea-2)}.sgp-calc__tile--buy{border-top:4px solid var(--coral)}
.sgp-calc__results .sgp-break{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 14px;margin-top:8px}
.sgp-calc__diff{background:var(--coral-soft);border-radius:14px;padding:12px 14px;margin:8px 0 0;color:var(--ink)}
.sgp-calc__extra{padding:14px;margin-top:10px}.sgp-calc__extra .sgp-h3{margin-top:0}
/* calendar */
.sgp-kchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sgp-kchips button{min-height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 16px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}
.sgp-kchips button[aria-pressed=true]{background:var(--sea);border-color:var(--sea);color:#fff}
.sgp-cal__box{padding:14px}
.sgp-cal__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sgp-cal__title{font-size:17px;font-weight:700;margin:0}
.sgp-cal__arrow{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:22px;color:var(--sea);cursor:pointer}
.sgp-cal__arrow:disabled{opacity:.35;cursor:default}
.sgp-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.sgp-cal__wd{font-size:11px;color:var(--muted);text-align:center;font-weight:600}
.sgp-cal__days{grid-column:1/-1;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.sgp-cal__day{height:46px;min-width:0;border-radius:10px;border:1px solid var(--line-2);background:#fff;color:#A0A8AE;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font:inherit;cursor:pointer;line-height:1.15}
.sgp-cal__day b{font-size:13px;font-weight:700}.sgp-cal__day small{font-size:9.5px}
.sgp-cal__day:disabled{cursor:default}
.sgp-cal__day.is-sel{border:2px solid var(--coral)}
.sgp-legend{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);margin:12px 0 0}
.sgp-lg{display:inline-block;width:14px;height:14px;border-radius:4px;margin-left:4px;vertical-align:middle}
.sgp-cal__daycard{background:var(--sea);color:#fff;border-radius:18px;padding:16px;margin-top:14px}
.sgp-cal__daylbl{margin:0;font-size:13px;color:var(--coral-on-dark);font-weight:600}
.sgp-cal__close{margin:4px 0 8px;font-size:30px;font-weight:700}.sgp-cal__close span{font-size:16px}
.sgp-cal__chg{display:inline-block;background:#fff;color:var(--coral-text);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:700}
.sgp-cal__chg.is-down{color:var(--sea)}
.sgp-cal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.sgp-cal__stats div{background:rgba(255,255,255,.1);border-radius:12px;padding:8px}
.sgp-cal__stats span{display:block;font-size:11.5px;color:var(--on-dark)}.sgp-cal__stats b{font-size:15px}
.sgp-cal__cmp{padding:14px;margin-top:14px}.sgp-cal__cmp .sgp-h3{margin-top:0}
/* FAQ */
.sgp-faq__item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:8px}
.sgp-faq__q{margin:0;font-size:16px}
.sgp-faq__q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;background:none;border:0;padding:12px 14px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;min-height:54px}
.sgp-faq__ic{width:30px;height:30px;border-radius:9px;background:var(--coral-soft);color:var(--coral-text);flex:none;position:relative}
.sgp-faq__ic::before,.sgp-faq__ic::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.sgp-faq__ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.sgp-faq__q button[aria-expanded=true] .sgp-faq__ic{background:var(--sea);color:#fff}
.sgp-faq__q button[aria-expanded=true] .sgp-faq__ic::after{display:none}
.sgp-faq__a{padding:0 14px 12px;color:var(--ink-2)}.sgp-faq__a p{margin:0 0 8px}
@media (min-width:768px){
.sgp-scale__top,.sgp-scale__bottom{padding:22px 24px}
.sgp-scale__price{font-size:52px}
.sgp-balance{height:112px}
.sgp-tile__v{font-size:20px}
.sgp-kilo__grid{grid-template-columns:repeat(3,1fr)}
.sgp-lira__grid{grid-template-columns:repeat(2,1fr)}
.sgp-fields{grid-template-columns:repeat(2,1fr)}
.sgp-calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.sgp-cal__day{height:56px}.sgp-cal__day b{font-size:15px}.sgp-cal__day small{font-size:10.5px}
}
@media print{.sgp-calc__form,.sgp-actions,.sgp-calc__extra{display:none}}