/* Sweet Adventure typography: website fonts. */
@font-face {
  font-family: 'DM Serif Display';
  src: url('https://sweet-adventure.com/wp-content/uploads/fonts/dm-serif-display-v17-latin_latin-ext-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('https://sweet-adventure.com/wp-content/uploads/fonts/raleway-v37-latin_latin-ext-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('https://sweet-adventure.com/wp-content/uploads/fonts/raleway-v37-latin_latin-ext-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('https://sweet-adventure.com/wp-content/uploads/fonts/raleway-v37-latin_latin-ext-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('https://sweet-adventure.com/wp-content/uploads/fonts/raleway-v37-latin_latin-ext-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.sats-shell{--cream:#f4efe6;--cream2:#f9f6f0;--green:#6f8068;--green2:#4f6250;--gold:#c9a876;--ink:#4a4a4a;--line:#e8ddc8;max-width:1180px;margin:25px auto;padding:0 18px;color:var(--ink);}
.sats-shell,.sats-login-wrap,.sats-modal,.sats-denied{font-family:'Raleway',sans-serif}.sats-header h1,.sats-list-head h2,.sats-modal-box h2,.sats-login-box h2,.sats-chart-copy strong,.sats-fuel-head>strong{font-family:'DM Serif Display',serif;font-weight:400}.sats-shell button,.sats-shell input,.sats-shell select,.sats-shell textarea,.sats-login-wrap button,.sats-login-wrap input,.sats-login-wrap select,.sats-login-wrap textarea{font-family:'Raleway',sans-serif}
.sats-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.sats-kicker{letter-spacing:1.7px;font-size:12px;font-weight:600;text-transform:uppercase;color:#c9a876!important}.sats-header h1{font-size:30px;line-height:1.28;font-weight:600;margin:7px 0}.sats-header p{margin:0;color:#6c756b}.sats-user{background:var(--cream);border:1px solid var(--line);padding:10px 14px;border-radius:999px}
.sats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.sats-summary>div{background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:17px 19px}.sats-summary span{display:block;font-size:12px;color:#788078;margin-bottom:6px}.sats-summary strong{font-size:25px}
.sats-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px}.sats-card{background:var(--cream2);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 30px rgba(50,45,35,.05)}
.sats-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1ece1;border-radius:13px;padding:4px;margin-bottom:20px}.sats-tabs button,.ghost,.sats-add-sub button{border:0;background:transparent;padding:11px;font-size:13px;border-radius:10px;cursor:pointer;color:#687168;font-weight:650}.sats-tabs button.active{background:white;color:var(--green2);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.sats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sats-card label{display:block;font-size:11px;font-weight:700;color:#59635b;margin-bottom:13px}.sats-card input,.sats-card select,.sats-card textarea{width:100%;box-sizing:border-box;margin-top:7px;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:white;color:var(--ink);font:inherit;font-size:14px;outline:none}.sats-card input:focus,.sats-card select:focus,.sats-card textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,118,.14)}.money-row{display:grid;grid-template-columns:1fr 105px;gap:7px}.sats-card small{display:block;margin-top:6px;color:#8b918a;font-weight:400}.sats-add-sub{margin-top:-5px;margin-bottom:8px}.sats-add-sub button{padding:4px 0;color:var(--green2)}
.sats-actions{margin-top:4px}.primary{width:100%;border:0;border-radius:12px;padding:13px 16px;font-size:14px;background:#c9a876;color:#fff;font-weight:600;cursor:pointer}.primary:hover{filter:brightness(.96)}#form-message{min-height:20px;text-align:center;margin-top:10px;color:var(--green2);font-weight:650}
.sats-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.sats-list-head h2{font-size:21px;line-height:1.3;font-weight:600;margin:5px 0 0}.sats-list-actions{display:flex;gap:8px}.ghost{border:1px solid var(--line);background:white}.sats-item{display:flex;gap:12px;border-top:1px solid var(--line);padding:15px 0}.sats-item-main{flex:1}.sats-item-top{display:flex;justify-content:space-between;gap:10px}.sats-item-top strong{font-size:14px}.sats-item-top span{font-weight:800}.sats-item-meta{font-size:12px;color:#7a817b;margin-top:5px}.sats-item-buttons{display:flex;gap:6px;align-items:flex-start}.duplicate{border:0;background:#f3efe5;color:#9a7c3f;border-radius:9px;width:32px;height:32px;cursor:pointer}.edit{border:0;background:#eef2ec;color:var(--green2);border-radius:9px;width:32px;height:32px;cursor:pointer}.delete{border:0;background:#f5eee8;color:#8b6659;border-radius:9px;width:32px;height:32px;cursor:pointer}.empty{padding:30px 0;text-align:center;color:#858c84}.sats-modal{display:none;position:fixed;inset:0;background:rgba(32,38,31,.38);align-items:center;justify-content:center;padding:20px;z-index:999999}.sats-modal[aria-hidden="false"]{display:flex}.sats-modal-box{background:var(--cream2);border-radius:20px;padding:25px;max-width:420px;width:100%;position:relative}.sats-modal-box h2{font-size:20px;line-height:1.3;font-weight:600;margin:7px 0}.sats-modal-box p{color:#727a72;font-size:14px}.sats-modal-box input{width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--line);border-radius:11px;margin:8px 0 13px}.sats-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.sats-error{margin-top:20px;padding:15px;background:#fff0ee;border:1px solid #efd1cb;border-radius:12px}.sats-actions{display:flex;gap:10px}.sats-actions .primary{flex:1}.sats-actions .ghost{border-radius:12px;padding:13px 18px}.sats-denied{max-width:480px;margin:60px auto;padding:24px 28px;text-align:center;background:#fffdf8;border:1px solid #e4ddcf;border-radius:16px;color:#59635b}#rate-row input{width:100%;box-sizing:border-box}.sats-login-wrap{display:flex;justify-content:center;padding:70px 20px;background:#f7f3ec;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.sats-login-box{background:#fff;border:1px solid #e8ddc8;border-radius:20px;padding:40px 36px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.06)}.sats-login-logo{width:56px;margin:0 auto 18px;display:block}.sats-login-eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#c9a876;font-weight:700;margin:0 0 8px}.sats-login-box h2{font-weight:400;font-size:26px;margin:0 0 8px;color:#2b2b2b}.sats-login-hint{color:#8a847c;font-size:13.5px;line-height:1.5;margin:0 0 26px}.sats-login-box form{text-align:left}.sats-login-box p.login-username,.sats-login-box p.login-password{margin:0 0 16px}.sats-login-box label{display:block;font-size:12.5px;font-weight:700;letter-spacing:0.3px;color:#59635b;margin-bottom:7px;text-transform:uppercase}.sats-login-box input[type="text"],.sats-login-box input[type="password"]{width:100%;box-sizing:border-box;padding:13px 15px;border:1.5px solid #e8ddc8;border-radius:12px;font-size:14.5px;transition:border-color .2s ease}.sats-login-box input[type="text"]:focus,.sats-login-box input[type="password"]:focus{outline:none;border-color:#c9a876}.sats-login-box p.login-remember{font-size:13px;color:#7a817b;display:flex;align-items:center;gap:8px;margin:2px 0 22px}.sats-login-box p.login-remember label{display:flex;align-items:center;gap:8px;text-transform:none;font-weight:500;color:#59635b;margin:0}.sats-login-box p.login-submit input[type="submit"]{width:100%;border:0;background:#c9a876;color:#fff;padding:14px;border-radius:30px;font-weight:700;font-size:14px;letter-spacing:0.3px;cursor:pointer;transition:background .2s ease, transform .2s ease}.sats-login-box p.login-submit input[type="submit"]:hover{background:#2b2b2b;transform:translateY(-1px)}.sats-login-denied{margin-top:16px;padding:12px;background:#fff0ee;border:1px solid #efd1cb;border-radius:10px;font-size:13px;color:#8b6659}
@media(max-width:850px){.sats-grid{grid-template-columns:1fr}.sats-summary{grid-template-columns:1fr 1fr}.sats-summary>div:last-child{grid-column:1/-1}.sats-header{align-items:flex-start;gap:15px;flex-direction:column}.sats-header h1{font-size:26px}}
@media(max-width:560px){.sats-shell{padding:0 10px}.sats-card{padding:16px;border-radius:18px}.sats-row{grid-template-columns:1fr}.sats-summary{grid-template-columns:1fr}.sats-summary>div:last-child{grid-column:auto}.sats-user{font-size:13px}}

/* Kompaktere Eingabemaske auf Smartphones – Farben und Grundstil bleiben unverändert. */
@media(max-width:560px){
  .sats-shell{margin:14px auto;padding:0 8px}
  .sats-header{margin-bottom:14px;gap:9px}
  .sats-header h1{font-size:24px;line-height:1.3;margin:5px 0}
  .sats-header p{font-size:13px}
  .sats-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}
  .sats-summary>div,.sats-summary>div:last-child{grid-column:auto;padding:10px 8px;border-radius:14px}
  .sats-summary span{font-size:10px;margin-bottom:3px}
  .sats-summary strong{font-size:17px}
  .sats-grid{gap:10px}
  .sats-card{padding:12px;border-radius:16px}
  .sats-tabs{margin-bottom:12px}
  .sats-tabs button{padding:8px 7px;font-size:12px}
  .sats-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .sats-card label{font-size:10px;margin-bottom:7px}
  .sats-card input,.sats-card select,.sats-card textarea{margin-top:4px;border-radius:9px;padding:8px 9px;font-size:15px}
  .money-row{grid-template-columns:minmax(0,1fr) 76px;gap:5px}
  #rate-row{grid-column:1/-1}
  .sats-card small{font-size:10.5px;line-height:1.3;margin-top:4px}
  .sats-add-sub{margin-top:-2px;margin-bottom:5px}
  .sats-add-sub button{font-size:11px}
  .sats-card textarea{min-height:58px;resize:vertical}
  .sats-actions{gap:7px}
  .primary,.sats-actions .ghost{padding:11px 12px}
  #form-message{min-height:16px;margin-top:6px;font-size:12px}
  .sats-list-head{margin-bottom:8px}
  .sats-list-actions{width:100%}
  .sats-list-actions .ghost{flex:1;padding:9px 7px;font-size:12px}
  .sats-item{padding:11px 0;gap:8px}
}

.sats-item-buttons button:disabled,.sats-list-actions button:disabled{opacity:.55;cursor:wait}

/* v0.3.4: Eingabemaske typografisch ruhiger, besonders Platzhalter/Selects mobil. */
.sats-card input::placeholder,.sats-card textarea::placeholder{font-size:12px;color:#9a9f99;font-weight:400}
.sats-card select{font-size:12.5px;font-weight:400}
.sats-card option{font-size:12.5px}
.primary:disabled{opacity:.62;cursor:wait}

@media(max-width:560px){
  .sats-card label{font-size:9px;line-height:1.2;letter-spacing:.01em}
  .sats-card input,.sats-card select,.sats-card textarea{font-size:12px;padding:7px 8px;line-height:1.25}
  .sats-card input::placeholder,.sats-card textarea::placeholder{font-size:10.5px}
  .sats-card select,.sats-card option{font-size:11px}
  .money-row{grid-template-columns:minmax(0,1fr) 70px}
  .sats-tabs button{font-size:10.5px;padding:7px 6px}
  .primary,.sats-actions .ghost{font-size:11px;padding:9px 10px}
  .sats-add-sub button{font-size:9.5px}
}


/* v0.3.6: kompakte Auswertungsfilter und Kostenverteilung */
.sats-filters{background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:14px 16px;margin-bottom:12px}
.sats-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sats-filter-head strong{font-size:19px}.sats-filter-head .ghost{padding:7px 10px;font-size:11px}
.sats-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sats-filter-grid label{display:block;font-size:10px;font-weight:700;color:#59635b}.sats-filter-grid input,.sats-filter-grid select{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:white;color:var(--ink);font:inherit;font-size:11px;outline:none}.sats-filter-grid input:focus,.sats-filter-grid select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,118,.14)}
.sats-chart-section{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--cream2);border:1px solid var(--line);border-radius:18px;padding:15px 18px;margin-bottom:18px}.sats-chart-copy{min-width:170px}.sats-chart-copy strong{display:block;font-size:19px;margin-top:4px}.sats-chart-copy span{display:block;color:#7a817b;font-size:11px;margin-top:5px}.sats-chart-wrap{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1}.sats-pie{width:120px;height:120px;border-radius:50%;flex:0 0 120px;display:grid;place-items:center;position:relative}.sats-pie:after{content:"";position:absolute;inset:31%;background:var(--cream2);border-radius:50%}.sats-pie span{position:relative;z-index:1;text-align:center;font-size:10px;color:#8a8f88;line-height:1.25}.sats-chart-legend{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:7px 15px;min-width:0}.sats-legend-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;column-gap:7px;font-size:11px}.sats-legend-item i{width:9px;height:9px;border-radius:50%}.sats-legend-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sats-legend-item strong{font-size:10px}.sats-legend-item small{grid-column:2/-1;color:#8b918a;font-size:9px;margin-top:1px}.sats-chart-empty{font-size:11px;color:#858c84}.sats-row-single{grid-template-columns:1fr}
@media(max-width:850px){.sats-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sats-chart-section{align-items:flex-start}.sats-chart-legend{grid-template-columns:1fr}}
@media(max-width:560px){.sats-filters{padding:10px;border-radius:14px;margin-bottom:8px}.sats-filter-head{margin-bottom:7px}.sats-filter-head strong{font-size:16px}.sats-filter-head .ghost{font-size:9px;padding:6px 8px}.sats-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sats-filter-grid label{font-size:8.5px}.sats-filter-grid input,.sats-filter-grid select{font-size:9.5px;padding:6px 7px;margin-top:3px}.sats-chart-section{display:block;padding:11px 12px;margin-bottom:10px;border-radius:14px}.sats-chart-copy strong{font-size:16px}.sats-chart-copy span{font-size:9.5px}.sats-chart-wrap{justify-content:flex-start;align-items:flex-start;gap:12px;margin-top:10px}.sats-pie{width:92px;height:92px;flex-basis:92px}.sats-chart-legend{flex:1;gap:5px}.sats-legend-item{font-size:9.5px;grid-template-columns:8px minmax(0,1fr) auto;column-gap:5px}.sats-legend-item i{width:8px;height:8px}.sats-legend-item strong{font-size:9px}.sats-legend-item small{font-size:8px}.sats-row-single{grid-template-columns:1fr}}

.sats-import-box{max-width:560px}.sats-import-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin:14px 0}.sats-import-actions input[type=file]{font-size:12px;min-width:0;width:100%}.sats-import-result{min-height:38px;font-size:12px;line-height:1.45;color:#687168;margin:10px 0}.sats-import-summary{padding:10px 12px;background:#f4f0e7;border-radius:10px}.sats-import-errors{margin-top:8px;padding:9px 10px;background:#fff0ee;border:1px solid #efd1cb;border-radius:9px;color:#8b6659;max-height:130px;overflow:auto}.sats-import-sample{margin-top:8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;max-height:130px;overflow:auto}.sats-import-sample div+div{border-top:1px solid var(--line);padding-top:5px;margin-top:5px}.sats-import-success{padding:10px 12px;background:#eef2ec;border-radius:10px;color:var(--green2)}.sats-import-buttons{margin-top:12px}.sats-import-buttons button{flex:1}
@media(max-width:560px){.sats-import-actions{grid-template-columns:1fr}.sats-import-box{padding:18px}.sats-import-result{font-size:10.5px}.sats-list-actions{display:grid;grid-template-columns:repeat(3,1fr)}.sats-list-actions .ghost{font-size:9.5px;padding:8px 5px}}


/* v0.3.11: Land/Ort-Stammdaten und direkter Monatsfilter */
.sats-geo-add{display:flex;justify-content:space-between;gap:12px}.sats-geo-add button{flex:1;text-align:left}
.sats-month-filter{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:6px;align-items:center;margin-bottom:9px}.sats-month-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sats-month-filter .ghost{padding:7px 9px;font-size:10.5px}.sats-month-btn.active,.sats-filter-all.active,#filter-custom-toggle.active{background:var(--green2);border-color:var(--green2);color:#fff}.sats-month-arrow{font-size:18px!important;line-height:1;padding:5px 9px!important}.sats-custom-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px}.sats-custom-range label{display:block;font-size:10px;font-weight:700;color:#59635b}.sats-custom-range input{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:white;color:var(--ink);font:inherit;font-size:11px}.sats-filter-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:560px){.sats-month-filter{grid-template-columns:auto auto minmax(0,1fr) auto;gap:4px}.sats-month-filter>#filter-custom-toggle{grid-column:1/-1}.sats-month-buttons{gap:4px}.sats-month-filter .ghost{font-size:8.8px;padding:6px 5px}.sats-month-arrow{font-size:16px!important;padding:4px 7px!important}.sats-custom-range{gap:6px}.sats-custom-range label{font-size:8.5px}.sats-custom-range input{font-size:9.5px;padding:6px 7px}.sats-filter-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.sats-geo-add{gap:6px}.sats-geo-add button{font-size:9px}}

/* v0.3.12: kompakte Kostenverteilung – Legende links, Diagramm rechts */
.sats-chart-section{display:block}
.sats-chart-wrap{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:16px;margin-top:12px}
.sats-chart-legend{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;width:100%;min-width:0}
.sats-pie{grid-column:2;justify-self:end}
@media(max-width:850px){.sats-chart-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sats-chart-wrap{grid-template-columns:minmax(0,1fr) 88px;gap:9px;margin-top:8px;align-items:center}.sats-chart-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.sats-pie{width:88px;height:88px;flex-basis:auto}.sats-legend-item{min-width:0}.sats-legend-item span{font-size:8.8px}.sats-legend-item strong{font-size:8.5px}.sats-legend-item small{font-size:7.8px}}


/* v0.3.13: optionale Tankdaten für Unterkategorie "Tanken" */
.sats-fuel-panel{margin:8px 0 13px;padding:13px 14px;background:#f5f1e8;border:1px solid var(--line);border-radius:14px}
.sats-fuel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.sats-fuel-head strong{font-size:17px}
.sats-fuel-head small{font-size:9.5px;color:#7d847e;text-align:right;max-width:270px}
.sats-fuel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sats-fuel-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:4px}
.sats-fuel-results>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 9px;min-width:0}
.sats-fuel-results span{display:block;font-size:8.5px;color:#7d847e;margin-bottom:3px}
.sats-fuel-results strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){
  .sats-fuel-panel{padding:10px;margin:5px 0 10px;border-radius:12px}
  .sats-fuel-head{align-items:flex-start;margin-bottom:7px}
  .sats-fuel-head strong{font-size:14px}
  .sats-fuel-head small{font-size:8px;max-width:155px}
  .sats-fuel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sats-fuel-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .sats-fuel-results>div{padding:6px 7px}
  .sats-fuel-results span{font-size:7.5px}
  .sats-fuel-results strong{font-size:9.5px}
}


/* v0.3.14: Umschaltbare Kategorie-/Tankauswertung. */
.sats-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.sats-chart-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f1ece1;border-radius:12px;padding:4px;flex:0 0 auto}
.sats-chart-switch button{border:0;background:transparent;color:#737b72;border-radius:9px;padding:8px 11px;font-size:10.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.sats-chart-switch button.active{background:#fff;color:var(--green2);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.sats-chart-panel[hidden]{display:none!important}
.sats-fuel-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:13px;margin-bottom:10px}
.sats-fuel-stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 11px;min-width:0}
.sats-fuel-stats span{display:block;font-size:9px;color:#7d857d;margin-bottom:3px}
.sats-fuel-stats strong{font-size:14px;white-space:nowrap}
.sats-fuel-line{width:100%;height:250px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative}
.sats-fuel-line svg{display:block;width:100%;height:100%;overflow:visible}
.sats-fuel-line .grid{stroke:#ece7dc;stroke-width:1;vector-effect:non-scaling-stroke}
.sats-fuel-line .axis{fill:#8a9189;font-size:9px}
.sats-fuel-line .fuel-line{fill:none;stroke:#4f6250;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sats-fuel-line .point{fill:#b89b5e;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.sats-fuel-line .avg{stroke:#9b8461;stroke-width:1.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}
.sats-fuel-line .avg-label{fill:#8d7654;font-size:9px;font-weight:700}
.sats-fuel-chart-empty{height:100%;display:grid;place-items:center;color:#858c84;font-size:11px}
.sats-fuel-chart-note{font-size:9px;color:#858c84;margin-top:6px;text-align:right}
@media(max-width:700px){
  .sats-chart-head{gap:8px}
  .sats-chart-switch button{padding:7px 8px;font-size:9px}
  .sats-fuel-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px;margin-bottom:7px}
  .sats-fuel-stats>div{padding:7px 8px;border-radius:10px}
  .sats-fuel-stats span{font-size:7.8px}
  .sats-fuel-stats strong{font-size:11px}
  .sats-fuel-line{height:205px;border-radius:11px}
  .sats-fuel-chart-note{font-size:7.8px;line-height:1.3}
}
@media(max-width:420px){
  .sats-chart-head{display:block}
  .sats-chart-switch{margin-top:8px;width:100%;box-sizing:border-box}
  .sats-chart-switch button{font-size:9.5px}
  .sats-fuel-line{height:190px}
}


/* Tankanalyse 0.3.15 */
.sats-fuel-analysis-block{margin-top:11px}
.sats-fuel-analysis-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 6px}
.sats-fuel-analysis-head strong{font-size:11px}
.sats-fuel-analysis-head span{font-size:8.5px;color:#858c84}
.sats-fuel-line .consumption-line{fill:none;stroke:#4f6250;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sats-fuel-line .price-line{fill:none;stroke:#b89b5e;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.sats-fuel-line .consumption-point{fill:#4f6250}
.sats-fuel-line .price-point{fill:#b89b5e}
.sats-fuel-line .axis-title{font-weight:700}
.sats-fuel-line .cost-bar{fill:#7b8b78;opacity:.86}
.sats-fuel-chart-note{display:flex;justify-content:flex-end;gap:13px;align-items:center;flex-wrap:wrap}
.sats-fuel-chart-note .sats-key{display:inline-flex;align-items:center;gap:5px}
.sats-fuel-chart-note .sats-key:before{content:"";display:inline-block;width:15px;height:2px;border-radius:2px;background:#4f6250}
.sats-fuel-chart-note .sats-key.price:before{background:#b89b5e}
.sats-fuel-cost-chart{height:225px}
@media(max-width:700px){
  .sats-fuel-analysis-block{margin-top:9px}
  .sats-fuel-analysis-head strong{font-size:9.5px}
  .sats-fuel-analysis-head span{font-size:7.5px}
  .sats-fuel-cost-chart{height:180px}
  .sats-fuel-chart-note{justify-content:flex-start;gap:9px}
}

/* v0.3.16: Verbrauchswerte verständlicher bei Teilbetankungen */
.sats-fuel-consumption-note{display:block;margin-top:7px;color:#7d847e;font-size:9px;line-height:1.35}
@media(max-width:760px){.sats-fuel-consumption-note{font-size:8px}}


/* v0.3.17: Offline-PWA und Synchronisationsstatus */
.sats-header-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.sats-connectivity{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:700;color:var(--green2);background:#eef2ec;border:1px solid #dce4d9;border-radius:999px;padding:5px 8px}
.sats-connectivity[data-state="offline"]{color:#8b6659;background:#f5eee8;border-color:#eadbd1}.sats-connectivity[data-state="pending"]{color:#8d7654;background:#f6f0e5;border-color:#e8dcc7}.sats-connectivity[data-state="syncing"]{color:#5d6b78;background:#eef2f5;border-color:#dce4e9}
.sats-connectivity button{border:0;background:transparent;color:inherit;font:inherit;font-size:8.5px;padding:0 2px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.sats-local-data-clear{border:0;background:transparent;color:#8b8174;font-family:'Raleway',sans-serif;font-size:9px;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.sats-local-data-clear:hover,.sats-local-data-clear:focus-visible{color:#6f5d48}
.sats-item.offline-pending{background:#fffaf0;border:1px dashed #d9c49b;border-radius:12px;padding:11px;margin:7px 0}.sats-offline-badge{display:inline-block;margin-left:5px;font-size:8px;font-weight:750;color:#8d7654;background:#f5ead5;border-radius:999px;padding:2px 5px;vertical-align:1px}
@media(max-width:560px){.sats-header-side{gap:5px}.sats-connectivity{font-size:8.5px;padding:4px 7px}.sats-connectivity button{font-size:8px}.sats-item.offline-pending{padding:9px}}

/* v0.4.2: final Sweet Adventure font mapping. */
.sats-header h1,
.sats-list-head h2,
.sats-modal-box h2,
.sats-login-box h2,
.sats-chart-copy strong,
.sats-fuel-head > strong {
  font-family: 'DM Serif Display', serif;
  font-weight: 400;
}
.sats-shell,
.sats-login-wrap,
.sats-modal,
.sats-denied,
.sats-shell button,
.sats-shell input,
.sats-shell select,
.sats-shell textarea,
.sats-login-wrap button,
.sats-login-wrap input,
.sats-login-wrap select,
.sats-login-wrap textarea {
  font-family: 'Raleway', sans-serif;
}

/* v0.4.3: White app canvas + green expense primary action. */
.sats-shell{background:#fff;}
.sats-card,
.sats-summary>div{background:#fff;}
.sats-login-wrap{background:#fff;}
#save-btn{
  background:#6f8068;
  color:#fff;
  box-shadow:0 5px 14px rgba(79,98,80,.16);
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
#save-btn:hover{background:#4f6250;filter:none;transform:translateY(-1px);box-shadow:0 7px 16px rgba(79,98,80,.20)}
#save-btn:focus-visible{outline:3px solid rgba(111,128,104,.24);outline-offset:2px}
@media(max-width:560px){
  #save-btn{padding:12px 14px;font-size:13px;border-radius:11px;box-shadow:0 3px 10px rgba(79,98,80,.14)}
}

/* v0.4.4: Entire Travel System canvas white; primary expense action restored to Sweet Adventure gold. */
body:has(.sats-shell),
body:has(.sats-login-wrap),
body:has(.sats-main-tabs){
  background:#fff !important;
}
body:has(.sats-shell) #page,
body:has(.sats-shell) #content,
body:has(.sats-shell) .site,
body:has(.sats-shell) .site-content,
body:has(.sats-shell) main,
body:has(.sats-login-wrap) #page,
body:has(.sats-login-wrap) #content,
body:has(.sats-login-wrap) .site,
body:has(.sats-login-wrap) .site-content,
body:has(.sats-login-wrap) main{
  background:#fff !important;
}
.sats-shell,
.sats-login-wrap{
  background:#fff !important;
}
#save-btn{
  background:#c9a876 !important;
  color:#fff !important;
  box-shadow:none;
}
#save-btn:hover,
#save-btn:focus{
  background:#b99867 !important;
  color:#fff !important;
  filter:none;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(201,168,118,.22);
}

/* v0.4.14: Mehrfachauswahl für Auswertungsfilter */
.sats-filter-grid-multi{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.sats-multi-filter{position:relative;margin-top:5px;width:100%;font-weight:400;color:var(--ink)}
.sats-multi-filter summary{list-style:none;position:relative;min-height:34px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:8px 28px 8px 9px;background:#fff;color:var(--ink);font-size:11px;font-weight:500;line-height:1.45;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sats-multi-filter summary::-webkit-details-marker{display:none}
.sats-multi-filter summary:after{content:'⌄';position:absolute;right:9px;top:50%;transform:translateY(-52%);font-size:13px;color:#777}
.sats-multi-filter[open] summary{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,118,.14)}
.sats-multi-filter[open] summary:after{content:'⌃'}
.sats-multi-options{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 5px);max-height:230px;overflow:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 24px rgba(43,43,43,.12)}
.sats-multi-option{display:flex!important;align-items:center;gap:8px;padding:7px 8px!important;margin:0!important;border-radius:8px;color:#4a4a4a!important;font-size:11px!important;font-weight:500!important;cursor:pointer}
.sats-multi-option:hover{background:var(--cream2)}
.sats-filter-grid .sats-multi-option input[type="checkbox"]{appearance:auto;width:15px;height:15px;min-width:15px;margin:0;padding:0;box-shadow:none;accent-color:#c9a876}
.sats-multi-option span{min-width:0;line-height:1.35}
.sats-multi-empty{display:block;padding:8px;color:#777;font-size:10.5px;font-weight:400}
@media(max-width:850px){.sats-filter-grid-multi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .sats-filter-grid-multi{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sats-multi-filter{margin-top:3px}
  .sats-multi-filter summary{min-height:31px;padding:6px 24px 6px 7px;font-size:9.5px;border-radius:8px}
  .sats-multi-filter summary:after{right:7px;font-size:11px}
  .sats-multi-options{position:fixed;z-index:99999;left:12px;right:12px;top:auto;bottom:12px;max-height:min(55vh,360px);border-radius:14px;padding:8px;box-shadow:0 10px 35px rgba(43,43,43,.22)}
  .sats-multi-option{font-size:12px!important;padding:10px 9px!important;gap:9px}
  .sats-filter-grid .sats-multi-option input[type="checkbox"]{width:17px;height:17px;min-width:17px}
}


/* v0.4.16: robuste Mehrfachfilter auf Mobile (keine verschachtelten Labels) */
.sats-filter-field{display:block;min-width:0}
.sats-filter-label{display:block;font-size:10px;font-weight:700;color:#59635b}
.sats-multi-options{-webkit-overflow-scrolling:touch}
.sats-multi-option{touch-action:manipulation}
.sats-multi-option input[type="checkbox"]{pointer-events:auto}
@media(max-width:560px){
  .sats-filter-label{font-size:8.5px}
  .sats-multi-filter[open]{z-index:100000}
  .sats-multi-filter[open] .sats-multi-options{display:block;visibility:visible;opacity:1}
  .sats-multi-options{max-height:58vh;overflow-y:auto;overscroll-behavior:contain}
}

/* v0.4.16: sichtbare Werte direkt in den Tankdiagrammen */
.sats-fuel-line .value-label{font-family:'Raleway',sans-serif;font-size:10px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.sats-fuel-line .value-label.consumption-value{fill:#4f6250}
.sats-fuel-line .value-label.price-value{fill:#a3824f}
.sats-fuel-line .value-label.cost-value{fill:#2b2b2b}
@media(max-width:560px){.sats-fuel-line .value-label{font-size:9px;stroke-width:2.5px}}


/* v0.4.17: iOS/PWA-sichere Mehrfachfilter ohne <details>/<summary> */
.sats-multi-trigger{display:block;width:100%;position:relative;min-height:34px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;padding:8px 28px 8px 9px;background:#fff;color:var(--ink);font:inherit;font-size:11px;font-weight:500;line-height:1.45;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;touch-action:manipulation}
.sats-multi-trigger:after{content:'⌄';position:absolute;right:9px;top:50%;transform:translateY(-52%);font-size:13px;color:#777}
.sats-multi-filter.is-open .sats-multi-trigger{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,118,.14)}
.sats-multi-filter.is-open .sats-multi-trigger:after{content:'⌃'}
.sats-multi-options[hidden]{display:none!important}
@media(max-width:560px){
  .sats-multi-trigger{min-height:38px;padding:8px 28px 8px 9px;font-size:11px;border-radius:8px}
  .sats-multi-filter.is-open{z-index:100000}
  .sats-multi-filter.is-open .sats-multi-options{display:block!important;visibility:visible;opacity:1}
}
.sats-category-manage-box{max-width:560px}
.sats-category-manage-list{display:grid;gap:7px;max-height:55vh;overflow:auto;margin-top:14px;-webkit-overflow-scrolling:touch}
.sats-category-manage-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.sats-category-manage-row strong{display:block;color:#2b2b2b;font-size:13px}
.sats-category-manage-row small{display:block;margin-top:2px;color:#777;font-size:10px}
.sats-category-manage-row .ghost{flex:0 0 auto;padding:7px 9px;font-size:10px}
.sats-category-manage-message{min-height:20px;margin-top:10px;color:#4f6250;font-size:11px;font-weight:600}


/* v0.4.18: Hauptnavigation muss bereits mit app.css gestylt sein (Route-CSS wird lazy geladen). */
.sats-main-tabs{
  display:flex!important;
  gap:8px!important;
  width:100%;
  max-width:1180px;
  margin:10px auto 0!important;
  padding:0 18px!important;
  box-sizing:border-box;
  align-items:center;
}
.sats-main-tabs .sats-main-tab{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:112px;
  min-height:40px;
  margin:0!important;
  padding:9px 16px!important;
  border:1px solid #e8ddc8!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#555!important;
  font-family:'Raleway',sans-serif!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:none;
}
.sats-main-tabs .sats-main-tab.active,
.sats-main-tabs .sats-main-tab[aria-selected="true"]{
  background:#c9a876!important;
  border-color:#c9a876!important;
  color:#2b2b2b!important;
  box-shadow:0 3px 9px rgba(201,168,118,.20)!important;
}
@media(max-width:560px){
  .sats-main-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 10px!important;gap:8px!important;margin-top:8px!important}
  .sats-main-tabs .sats-main-tab{flex:1 1 0;min-width:0;min-height:42px;padding:9px 10px!important;font-size:12px!important}
}

/* v0.4.18: einheitlicher Mehrfachfilter-Dialog statt Browser-/PWA-Popover. */
@media(max-width:380px){
  .sats-main-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sats-multi-options{display:none!important}
.sats-filter-picker{
  display:none;
  position:fixed;
  inset:0;
  z-index:1000000;
  padding:18px;
  background:rgba(43,43,43,.42);
  align-items:center;
  justify-content:center;
}
.sats-filter-picker[aria-hidden="false"]{display:flex}
.sats-filter-picker-box{
  width:min(480px,100%);
  max-height:min(76vh,620px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #e8ddc8;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 55px rgba(43,43,43,.22);
  font-family:'Raleway',sans-serif;
}
.sats-filter-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 12px;background:#f9f6f0;border-bottom:1px solid #e8ddc8}
.sats-filter-picker-head strong{display:block;color:#2b2b2b;font-size:17px;font-weight:600;line-height:1.25}
.sats-filter-picker-eyebrow{display:block;margin-bottom:3px;color:#c9a876;font-size:10px;font-weight:700;letter-spacing:1.4px}
.sats-filter-picker-close{width:36px;height:36px;flex:0 0 36px;border:1px solid #e8ddc8;border-radius:50%;background:#fff;color:#666;font:500 22px/1 'Raleway',sans-serif;cursor:pointer}
.sats-filter-picker-list{padding:8px 10px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.sats-filter-picker-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 9px;border-bottom:1px solid #f1ece3;color:#4a4a4a;font-size:13px;font-weight:500;cursor:pointer}
.sats-filter-picker-option:last-child{border-bottom:0}
.sats-filter-picker-option input{width:19px!important;height:19px!important;min-width:19px;margin:0!important;padding:0!important;accent-color:#c9a876;appearance:auto!important}
.sats-filter-picker-empty{padding:20px 10px;text-align:center;color:#777;font-size:12px}
.sats-filter-picker-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding:12px;border-top:1px solid #e8ddc8;background:#fff}
.sats-filter-picker-actions .ghost,.sats-filter-picker-actions .primary{min-height:43px;margin:0;border-radius:11px;font-size:12px}
@media(max-width:560px){
  .sats-filter-picker{padding:0;align-items:flex-end}
  .sats-filter-picker-box{width:100%;max-height:78vh;border-radius:18px 18px 0 0;border-bottom:0}
  .sats-filter-picker-head{padding:15px 14px 12px}
  .sats-filter-picker-list{padding:7px 10px}
  .sats-filter-picker-option{min-height:48px;padding:9px 8px;font-size:13px}
  .sats-filter-picker-actions{padding:10px 12px max(12px,env(safe-area-inset-bottom));position:sticky;bottom:0}
}
body.sats-filter-picker-open{overflow:hidden!important;touch-action:none}
body.sats-filter-picker-open .sats-filter-picker{touch-action:auto}


/* v0.4.19: Filterdialog unabhängig von Theme-/Frontend-Stacking-Contexts. */
.sats-filter-picker{
  --cream:#f4efe6;
  --cream2:#f9f6f0;
  --green:#6f8068;
  --green2:#4f6250;
  --gold:#c9a876;
  --ink:#4a4a4a;
  --line:#e8ddc8;
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
}
.sats-filter-picker[aria-hidden="true"]{display:none!important}
.sats-filter-picker[aria-hidden="false"]{display:flex!important}
.sats-filter-picker-box{position:relative!important;z-index:1!important}


/* v0.8.4: Monatsvergleich als dritte Ansicht der Kostenverteilung. */
.sats-chart-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
.sats-comparison{margin-top:12px}
.sats-comparison-note{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 2px 9px}
.sats-comparison-note strong{color:#2b2b2b;font-size:11.5px}
.sats-comparison-note span{color:#858c84;font-size:9px;line-height:1.45;text-align:right}
.sats-comparison-empty{display:grid;gap:5px;padding:24px 20px;border:1px dashed var(--line);border-radius:13px;background:#fff;text-align:center;color:#7a817b}
.sats-comparison-empty strong{color:#2b2b2b;font-size:12px}
.sats-comparison-empty span{font-size:10px;line-height:1.55}
.sats-comparison-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:13px;background:#fff}
.sats-comparison-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:10.5px;color:#4a4a4a}
.sats-comparison-table th,.sats-comparison-table td{padding:10px 11px;border-bottom:1px solid #eee7dc;vertical-align:middle}
.sats-comparison-table thead th{background:#f9f6f0;color:#7a817b;font-size:9px;font-weight:700;letter-spacing:.25px;text-align:right;white-space:nowrap}
.sats-comparison-table thead th:first-child{text-align:left}
.sats-comparison-table tbody td:not(:first-child),.sats-comparison-table tfoot td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sats-comparison-table tbody tr:last-child td{border-bottom:1px solid #eee7dc}
.sats-comparison-category-row td{background:#fff}
.sats-comparison-category-row td:first-child{min-width:210px}
.sats-comparison-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:0!important;border:0!important;background:transparent!important;color:#2b2b2b!important;text-align:left!important;box-shadow:none!important;cursor:pointer}
.sats-comparison-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border:1px solid #e8ddc8;border-radius:50%;color:#a3824f;font-size:14px;line-height:1;background:#f9f6f0}
.sats-comparison-category-copy{display:block;min-width:0}
.sats-comparison-category-copy strong{display:block;font-size:11px;line-height:1.3;color:#2b2b2b}
.sats-comparison-category-copy small{display:block;margin-top:2px;color:#9a9288;font-size:8px;font-weight:500}
.sats-comparison-sub-row td{background:#fcfaf7;color:#6e756f}
.sats-comparison-sub-name{display:block;padding-left:28px;font-size:10px}
.sats-comparison-delta.is-up{color:#9c5d51}
.sats-comparison-delta.is-down{color:#4f6250}
.sats-comparison-delta.is-neutral{color:#8b918a}
.sats-comparison-table tfoot th,.sats-comparison-table tfoot td{padding:11px;background:#f4efe6;border-bottom:0;border-top:1px solid #e4d7c3}
.sats-comparison-table tfoot th{text-align:left;color:#2b2b2b;font-size:10.5px}
.sats-comparison-table th:first-child,.sats-comparison-table td:first-child{position:sticky;left:0;z-index:1}
.sats-comparison-table thead th:first-child{z-index:3;background:#f9f6f0}
.sats-comparison-category-row td:first-child{background:#fff}
.sats-comparison-sub-row td:first-child{background:#fcfaf7}
.sats-comparison-table tfoot th:first-child{z-index:2;background:#f4efe6}
@media(max-width:560px){
  .sats-chart-switch button{padding:7px 5px;font-size:8.8px}
  .sats-comparison{margin-top:9px}
  .sats-comparison-note{display:grid;gap:3px;margin-bottom:7px}
  .sats-comparison-note strong{font-size:10px}
  .sats-comparison-note span{font-size:8px;text-align:left}
  .sats-comparison-table{min-width:650px;font-size:9.5px}
  .sats-comparison-table th,.sats-comparison-table td{padding:8px 9px}
  .sats-comparison-category-copy strong{font-size:10px}
  .sats-comparison-category-copy small{font-size:7.5px}
  .sats-comparison-sub-name{font-size:9px}
}