/*
 * Trade Analyzer v1.2 - calculator-quality visual atmosphere and local SVG art.
 * Reference: actual Position Size + Profit Factor calculator hero/flow-card code.
 * Base FTJ DarkNova tokens live in ftj-visual-bridge.css; this layer never
 * changes the authoritative chart palette or the financial data source.
 */
body {
  background:
    radial-gradient(ellipse 760px 580px at 83% 50px,rgba(45,119,232,.14),transparent 75%),
    radial-gradient(ellipse 540px 480px at -15% 510px,rgba(24,116,170,.075),transparent 78%),
    linear-gradient(180deg,#101722 0px,#0E0F11 780px,#0E0F11 100%);
  overflow-x:clip;
}
main {position:relative;isolation:isolate;max-width:1280px;padding-top:28px}
main:before {
  content:"";position:absolute;inset:0 10px auto;z-index:-1;height:850px;
  background-image:linear-gradient(rgba(110,155,227,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(110,155,227,.045) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 95%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 95%);
  pointer-events:none
}
.analyzer-icon-sprite {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.a-icon {width:20px;height:20px;display:inline-block;flex:none;fill:none;stroke:currentColor;
 stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.a-icon.size-xl {width:36px;height:36px;stroke-width:1.45}
.a-icon.size-sm {width:17px;height:17px}
.analyzer-hero {
  position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);
  gap:30px;align-items:center;min-height:290px;padding:24px 30px 26px;
  background:linear-gradient(120deg,rgba(20,29,43,.9),rgba(16,25,40,.68) 52%,rgba(10,19,34,.92));
  border:1px solid #283f5b;border-radius:18px;overflow:hidden;
  box-shadow:0 22px 66px rgba(0,0,0,.22),inset 0 1px 0 rgba(146,193,255,.06)
}
.analyzer-hero:before {
  content:"";position:absolute;inset:-130px -160px auto auto;width:550px;height:550px;
  background:radial-gradient(circle,rgba(45,130,255,.16),transparent 69%);
  pointer-events:none
}
.analyzer-hero:after {
  content:"";position:absolute;left:32px;right:32px;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,#3B82F6 38%,#5AC8EA 57%,transparent);
  opacity:.55;pointer-events:none
}
.analyzer-hero__copy {position:relative;z-index:1;min-width:0}
.analyzer-hero .eyebrow {margin:0;letter-spacing:.12em;font-size:11px}
.analyzer-hero h1 {font-size:clamp(33px,4.1vw,53px);margin:16px 0 15px;line-height:1.07}
.analyzer-hero h1 em {color:#99c6ff}
.analyzer-hero .lead {max-width:570px;color:#B7C7DA;font-size:14px;line-height:1.75;margin:0}
.hero-trust {display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.hero-trust span {display:inline-flex;gap:7px;align-items:center;background:#1B2A3F;max-width:100%;
 border:1px solid #344E71;color:#D5E5F7;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}
.hero-trust .a-icon {width:15px;height:15px;color:#93C5FD}
.analyzer-hero__art {min-width:0;position:relative;z-index:1;margin:0}
.analyzer-hero__art svg {display:block;width:100%;height:auto;max-height:300px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.22))}
.analyzer-hero__art figcaption {font-size:10px;line-height:1.4;color:#8EA9CC;text-align:center;margin-top:-10px}
.analyzer-hero__art svg .art-pulse {animation:analyzer-glow 5s ease-in-out infinite alternate}
@keyframes analyzer-glow {from{opacity:.48}to{opacity:1}}
.analyzer-journey {margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.journey-step {display:flex;align-items:center;gap:11px;padding:13px 15px;
 border:1px solid #2B405C;border-radius:11px;background:linear-gradient(140deg,#18263A,#141E2B);
 min-width:0}
.journey-step__mark {width:37px;height:37px;flex:none;border-radius:10px;display:grid;
 place-items:center;background:#1D3A64;border:1px solid #3465A2;color:#B9D9FF}
.journey-step:nth-child(2) .journey-step__mark {background:#1C393F;border-color:#2D6A73;color:#A6E8DF}
.journey-step:nth-child(3) .journey-step__mark {background:#352D46;border-color:#62517A;color:#D9C4FB}
.journey-step strong {display:block;color:#F3F4F6;font-size:12px;margin:0 0 3px}
.journey-step p {margin:0;font-size:11px;color:#AAB9CD;line-height:1.4}
.workbench {margin-top:19px;gap:18px}
.workbench>.panel {position:relative;background-color:var(--ftj-surface);background-image:linear-gradient(145deg,rgba(23,34,48,.98),rgba(18,23,34,.96));
 border-color:#2A3A4E;box-shadow:0 13px 29px rgba(0,0,0,.10)}
.workbench>.panel:first-child:before {
 content:"";position:absolute;top:0;left:18px;right:18px;height:2px;
 background:linear-gradient(90deg,transparent,#3B82F6,transparent);opacity:.8
}
.import-title-row {display:flex;align-items:center;gap:11px}
.import-title-row .a-section-icon {width:39px;height:39px;border-radius:11px;display:grid;
 place-items:center;border:1px solid #376198;background:#1A3455;color:#B8D9FF}
.import-title-row .minihead {color:#B8D9FF}
.upload {background:radial-gradient(ellipse at 50% 15%,rgba(61,139,238,.095),transparent 72%),#101925;
 border:1px dashed #416084;border-radius:10px;min-height:160px;padding:22px}
.upload:hover,.upload:focus-within {border-color:#679BD4;background-color:#152235}
.upload-icon {width:49px;height:49px;border-radius:15px;background:#203A5D;display:grid;
 place-items:center;color:#C6E2FF;border:1px solid #416896;font-size:inherit}
.upload strong{max-width:360px}
.actions .btn {min-height:44px}
#choose .a-icon,#example .a-icon{margin-right:5px}
.privacy .symbol {display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid #345E88}
.privacy strong {font-size:14px}
.privacy>div:not(:first-child) {padding:0 0 13px;border-bottom:1px solid #26364B}
.privacy>div:last-child{border-bottom:0;padding-bottom:0}
.privacy-feature {display:flex;align-items:flex-start;gap:12px}
.privacy-feature .a-section-icon {width:37px;height:37px;display:grid;place-items:center;
 background:#1A334C;color:#9FC9FA;border:1px solid #315374;border-radius:10px;flex:none}
.privacy-feature strong {margin-top:1px}
.privacy-feature p {font-size:12px}
#results {scroll-margin-top:15px}
#results>.review-kicker {display:flex;align-items:center;gap:8px;letter-spacing:.10em}
#results>.review-kicker .a-icon {color:#93C5FD}
#results>.section-label {margin-top:13px}
#results .visual-board>.panel {box-shadow:0 14px 35px rgba(0,0,0,.15)}
#ftj-chart-explorer {padding-top:13px}
#ftj-chart-explorer>.section-label {margin-top:12px}
.ftj-bridge {box-shadow:0 17px 50px rgba(0,0,0,.16)}
.analyzer-feedback {position:relative;margin:25px 0 12px;padding:22px 25px;border:1px solid #325176;
 border-radius:12px;background:linear-gradient(120deg,#17273D,#161E2B 62%,#131C2D);
 box-shadow:0 12px 28px rgba(0,0,0,.12)}
.analyzer-feedback__header {display:flex;align-items:flex-start;gap:13px}
.analyzer-feedback__icon {width:43px;height:43px;border:1px solid #4B71AA;background:#203B61;
 display:grid;place-items:center;flex:none;border-radius:12px;color:#BFDBFE}
.analyzer-feedback h2 {margin:0 0 6px;font-size:19px;letter-spacing:-.02em}
.analyzer-feedback p {margin:0;font-size:12px;color:#B4C6D9;line-height:1.65}
.analyzer-feedback__choices {display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.analyzer-feedback__choices button {min-height:44px;border-radius:9px;padding:10px 17px;
 border:1px solid #3B5576;color:#DBEAFC;background:#1A2D44;font-size:13px;font-weight:750}
.analyzer-feedback__choices button:hover,
.analyzer-feedback__choices button[aria-pressed="true"] {border-color:#79B2F7;background:#204B7C;color:white}
.analyzer-feedback__draft {margin-top:18px;padding-top:15px;border-top:1px solid #3B526D}
.analyzer-feedback__draft label {display:block;margin:0 0 7px;font-size:12px;font-weight:700;color:#DFE9F7}
.analyzer-feedback__draft textarea {width:100%;min-height:75px;max-height:190px;resize:vertical;
 border:1px solid #4A6686;border-radius:8px;background:#0E1828;color:#F3F4F6;
 padding:11px 12px;font-size:13px;line-height:1.5}
.analyzer-feedback__send {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0}
.analyzer-feedback__send .btn {text-decoration:none}
.analyzer-feedback__privacy {font-size:11px!important;color:#A0B4CB!important}
.analyzer-feedback__privacy a {color:#A7D0FF}
.analyzer-feedback__draft[hidden] {display:none}
.analyzer-feedback__status {font-size:12px!important;color:#DBEAFE!important;margin:9px 0!important}
@media(max-width:1040px){
 .analyzer-hero {grid-template-columns:1.05fr .95fr;gap:12px;padding:21px}
 .analyzer-hero h1 {font-size:clamp(32px,4.5vw,44px)}
 .analyzer-hero__art svg {max-height:265px}
}
@media(max-width:720px){
 main {padding-top:16px}
 .analyzer-hero {grid-template-columns:1fr;padding:22px 19px 15px;gap:4px}
 .analyzer-hero h1 {font-size:clamp(33px,7.6vw,43px);margin-top:14px}
 .analyzer-hero__art {max-width:480px;width:100%;margin:-3px auto 0}
 .analyzer-hero__art svg {max-height:170px}
 .analyzer-hero__art figcaption {display:none}
 .hero-trust {margin-top:15px}
 .analyzer-journey {gap:8px}
 .journey-step {padding:11px 9px;gap:7px}
 .journey-step__mark {width:29px;height:29px;border-radius:8px}
 .journey-step__mark .a-icon {width:17px;height:17px}
 .journey-step strong {font-size:11px}
 .journey-step p {font-size:10px}
}
@media(max-width:475px){
 .analyzer-hero {padding:20px 16px 15px;border-radius:13px}
 .analyzer-hero .lead {font-size:13px}
 .hero-trust {gap:6px}
 .hero-trust span {font-size:10px;padding:7px 10px}
 .analyzer-journey {grid-template-columns:1fr;gap:7px}
 .journey-step {padding:8px 11px}
 .journey-step__mark {width:33px;height:33px}
 .journey-step p {font-size:11px}
 .analyzer-hero__art svg {max-height:150px}
 .analyzer-feedback {padding:18px 16px}
 .analyzer-feedback__choices button {flex:1}
 .analyzer-feedback__send .btn {max-width:100%;text-align:center;line-height:1.45}
}
@media(prefers-reduced-motion:reduce){
 .analyzer-hero__art svg .art-pulse {animation:none;opacity:.8}
 *,*:before,*:after {scroll-behavior:auto!important}
}

/* Final pre-release usability pass: obvious, fully interactive file drop target. */
#drop.upload--action {
  position:relative;
  width:100%;
  min-height:255px;
  margin-top:18px;
  padding:25px 22px 24px;
  gap:11px;
  cursor:pointer;
  border:2px dashed #5A9BE4;
  border-radius:15px;
  background:
    radial-gradient(ellipse 310px 180px at 50% 33%,rgba(56,136,245,.24),transparent 84%),
    linear-gradient(155deg,#182B46,#0C1A2C 70%);
  box-shadow:inset 0 0 0 5px rgba(72,141,224,.055),0 12px 28px rgba(10,30,60,.16);
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
#drop.upload--action:hover,
#drop.upload--action.dragging,
#drop.upload--action:focus-visible {
  border-color:#B5DCFF;
  background:
    radial-gradient(ellipse 360px 190px at 50% 35%,rgba(61,153,255,.29),transparent 83%),
    linear-gradient(155deg,#213B61,#10223B 70%);
  box-shadow:inset 0 0 0 5px rgba(118,185,255,.12),0 0 0 3px rgba(100,168,255,.18),0 17px 40px rgba(6,44,92,.21);
}
#drop.upload--action:focus-visible {outline:3px solid #D8EDFF;outline-offset:3px}
#drop.upload--action.dragging {transform:scale(1.008)}
#drop.upload--action .upload-file-badge {
  position:absolute;top:11px;right:12px;
  display:inline-flex;align-items:center;gap:5px;
  font-size:9px;font-weight:850;letter-spacing:.085em;
  color:#B5D8FB;padding:5px 8px;border-radius:999px;
  background:#173354;border:1px solid #3E6596;
}
#drop.upload--action .upload-file-badge .a-icon {height:13px;width:13px}
#drop.upload--action .upload-icon {
  width:59px;height:59px;border-radius:18px;
  display:grid;place-items:center;
  border:1px solid #78B2FF;
  background:linear-gradient(145deg,#284E7C,#203B62);
  color:#D6EDFF;
  box-shadow:0 0 0 8px rgba(56,132,235,.10),0 8px 22px rgba(0,0,0,.2);
}
#drop.upload--action .upload-title {
  max-width:none;font-size:clamp(17px,2vw,21px);
  line-height:1.3;color:#F4F9FF;letter-spacing:-.02em;
}
#drop.upload--action .upload-instruction {
  color:#D3E5F9;font-size:13px;line-height:1.5;
}
#drop.upload--action .upload-instruction b {
  color:#FFFFFF;text-decoration:underline;
  text-decoration-color:#86C5FF;text-underline-offset:3px
}
#drop.upload--action .upload-action {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:39px;padding:8px 17px;margin:2px 0 1px;
  border:1px solid #79B7FF;border-radius:9px;
  background:linear-gradient(115deg,#3478DE,#408CE8);
  color:#FFFFFF;font-weight:800;font-size:12px;
  box-shadow:0 7px 19px rgba(15,78,164,.25);
}
#drop.upload--action .upload-formats {
  color:#A9C2DD;font-size:10px;line-height:1.5;
  font-weight:750;letter-spacing:.04em;
}
/* Jump links are navigation, not a selectable dataset filter or a tab bar. */
#ftj-chart-explorer .ftj-chart-links {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:11px;max-width:none;
  margin:16px 0 22px;
  padding:0;overflow:visible;
}
#ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card {
  display:flex;align-items:center;gap:10px;
  min-width:0;min-height:77px;
  padding:13px 11px;
  border:1px solid #36577E;border-radius:12px;
  background:linear-gradient(140deg,#1B304B,#142336 85%);
  box-shadow:inset 0 1px rgba(145,195,255,.08);
  color:#F2F7FF;text-decoration:none;
  transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;
}
#ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card:hover,
#ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card:focus-visible {
  border-color:#8BC3FF;
  background:linear-gradient(140deg,#244977,#1A3655 85%);
  box-shadow:0 5px 17px rgba(31,97,184,.24);
  transform:translateY(-2px);
}
#ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card:focus-visible {
  outline:2px solid #D7EBFF;outline-offset:3px;
}
.ftj-chart-nav-card .ftj-nav-icon {
  width:36px;height:36px;flex:none;
  display:grid;place-items:center;
  border-radius:9px;color:#C4E2FF;
  border:1px solid #456DA1;background:#284872;
}
.ftj-chart-nav-card:nth-child(2) .ftj-nav-icon {color:#A8E4D8;border-color:#3A7577;background:#1F4850}
.ftj-chart-nav-card:nth-child(3) .ftj-nav-icon {color:#F1D39B;border-color:#806548;background:#493B30}
.ftj-chart-nav-card:nth-child(4) .ftj-nav-icon {color:#DFC2FC;border-color:#786293;background:#3D3155}
.ftj-chart-nav-card:nth-child(5) .ftj-nav-icon {color:#B6D8FD;border-color:#4C729D;background:#244463}
.ftj-chart-nav-card .ftj-nav-copy {min-width:0;flex:1}
.ftj-chart-nav-card .ftj-nav-copy strong {
  display:block;font-size:13px;font-weight:800;line-height:1.3;color:#FFFFFF;white-space:normal;
}
.ftj-chart-nav-card .ftj-nav-copy small {
  display:block;font-size:10px;line-height:1.4;color:#B3CBE4;margin-top:4px;white-space:normal;
}
.ftj-chart-nav-card .ftj-nav-arrow {align-self:flex-start;font-size:13px;font-weight:800;color:#A2D0FF;opacity:.8}
#ftj-trade-performance:target,
#ftj-month-summary:target,
#ftj-calendar-panel:target,
#ftj-duration-panel:target,
#ftj-activity-panel:target {
  border-color:#74B1F6;
  box-shadow:0 0 0 2px rgba(107,177,255,.19);
}
@media(max-width:1100px) {
  #ftj-chart-explorer .ftj-chart-links {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px) {
  #ftj-chart-explorer .ftj-chart-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card {min-height:72px;padding:11px 10px;gap:9px}
  #ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card:last-child {grid-column:span 2}
  #drop.upload--action {min-height:250px;padding:45px 15px 23px}
  #drop.upload--action .upload-file-badge {top:9px;right:10px}
}
@media(max-width:380px) {
  #ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card {gap:7px;padding:10px 8px}
  .ftj-chart-nav-card .ftj-nav-icon {width:31px;height:31px}
  .ftj-chart-nav-card .ftj-nav-copy strong {font-size:12px}
  .ftj-chart-nav-card .ftj-nav-copy small {font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
 #drop.upload--action,
 #ftj-chart-explorer .ftj-chart-links .ftj-chart-nav-card {transition:none;transform:none!important}
}
/* History period comparison: independent-height cards, no new chart type. */
#period-compare {margin:30px 0 27px;min-width:0;scroll-margin-top:20px}
#period-compare .review-kicker {display:flex;align-items:center;gap:7px;font-size:11px;
  color:#A6C7EF;letter-spacing:.10em;font-weight:750;text-transform:uppercase}
#period-compare .period-compare-intro {margin:5px 0 17px;font-size:13px;line-height:1.6;color:#B3C2D6}
#period-compare .period-compare-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}
#period-compare .period-compare-range {margin:0;padding:14px 15px 16px;min-width:0;
  border:1px solid #30435D;border-radius:11px;background:#131C2B}
#period-compare .period-compare-range legend {padding:0 7px;color:#E8F1FE;font-size:13px;font-weight:750}
#period-compare .period-compare-inputs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}
#period-compare .period-compare-inputs label {display:block;min-width:0;font-size:11px;font-weight:650;color:#AAC1DE}
#period-compare .period-compare-inputs select {display:block;width:100%;min-width:0;min-height:42px;
  margin-top:6px;padding:9px 10px;border:1px solid #4A6484;border-radius:8px;
  color:#EAF3FF;background:#17263A;font:inherit;font-size:13px;color-scheme:dark}
#period-compare .period-compare-inputs select:focus-visible,
#period-compare .period-compare-inspect:focus-visible {outline:3px solid #80B4FB;outline-offset:2px}
#period-compare .period-compare-inputs select:disabled {opacity:.62}
#period-compare .period-compare-status {min-height:18px;margin:10px 0 12px;font-size:12px;color:#BDCEE6}
#period-compare .period-compare-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}
#period-compare .period-compare-card {min-width:0;border:1px solid #2C3D55;
  border-radius:11px;background:linear-gradient(145deg,#171E2B,#131922);padding:17px 19px;
  box-shadow:0 10px 23px rgba(0,0,0,.12)}
#period-compare .period-compare-card:empty {display:none}
#period-compare .period-compare-card-head {display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:7px;margin-bottom:14px}
#period-compare .period-compare-card-head h4 {margin:0;font-size:16px;font-weight:780;color:#F5F8FF}
#period-compare .period-compare-card-head span {color:#A5C7F7;font-size:11px;font-weight:680}
#period-compare .period-compare-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}
#period-compare .period-compare-field {min-width:0;padding:9px 0;border-top:1px solid #28384F}
#period-compare .period-compare-field span {display:block;margin-bottom:5px;font-size:11px;color:#9CB1CE}
#period-compare .period-compare-field strong {display:block;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;font-size:17px;font-weight:750;color:#F1F6FC}
#period-compare .period-compare-field:first-child strong {color:#59D9BC;font-size:22px}
#period-compare .period-compare-inspect {margin-top:17px;min-height:40px;font-size:12px}
#period-compare .period-compare-empty {font-size:12px;color:#BFD0E5;line-height:1.55;margin:10px 0}
#period-compare .period-compare-difference:not(:empty) {border:1px solid #35506D;
  border-radius:10px;background:#172436;margin-top:13px;padding:15px 17px}
#period-compare .period-compare-change {display:block;font-size:15px;color:#E4EEFF;font-variant-numeric:tabular-nums}
#period-compare .period-compare-caveat {margin:7px 0 0;font-size:12px;color:#AFC3DC;line-height:1.6}
@media(max-width:860px){
  #period-compare .period-compare-controls,#period-compare .period-compare-cards {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:475px){
  #period-compare {margin-top:23px}
  #period-compare .period-compare-range,#period-compare .period-compare-card {padding:14px}
  #period-compare .period-compare-inputs {gap:8px}
  #period-compare .period-compare-fields {gap:8px}
  #period-compare .period-compare-field strong {font-size:15px}
  #period-compare .period-compare-field:first-child strong {font-size:19px}
}

/* Date-range comparison: same visual rhythm as the approved month comparison. */
#period-compare [hidden] {display:none!important}
#period-compare .period-compare-mode {display:flex;flex-wrap:wrap;align-items:end;gap:11px 15px;margin:0 0 15px}
#period-compare .period-compare-mode label {display:block;font-size:11px;font-weight:650;color:#AAC1DE}
#period-compare .period-compare-mode select,
#period-compare .period-compare-inputs input[type="date"] {display:block;width:100%;min-width:0;box-sizing:border-box;
  min-height:42px;margin-top:6px;padding:8px 10px;border:1px solid #4A6484;border-radius:8px;
  color:#EAF3FF;background:#17263A;font:inherit;font-size:13px;color-scheme:dark}
#period-compare .period-compare-mode select:focus-visible,
#period-compare .period-compare-inputs input[type="date"]:focus-visible,
#period-compare #period-compare-last-weeks:focus-visible {outline:3px solid #80B4FB;outline-offset:2px}
#period-compare #period-compare-last-weeks {min-height:42px;font-size:12px}
@media(max-width:475px){#period-compare .period-compare-mode>* {width:100%}}