/* Roberin The New — 대한민국 전역일 계산기 20260908c.
 * Common hero, Article, FAQ, ads and meta remain owned by fixed partials.
 * The engine owns finite motion; this stylesheet supplies static geometry only.
 */
body.tn-mdc-page-body .cs-custom-content-post-before{display:none!important}
body.tn-mdc-page-body .tn-mdc-page{
  --mdc-ink:#1a1208;
  --mdc-muted:#5a4a30;
  --mdc-line:#b8a888;
  --mdc-soft:#ddd4be;
  --mdc-paper:#faf6ee;
  --mdc-surface:#fffdf7;
  --mdc-wash:#f5efdf;
  --mdc-accent:#c44a00;
  --mdc-primary:#1a1208;
  --mdc-primary-hover:#c44a00;
  --mdc-primary-text:#faf6ee;
  --mdc-secondary:#ede6d4;
  --mdc-secondary-hover:#dfd4bb;
  --mdc-action-line:#b8a888;
  --mdc-danger:#7c2115;
  --mdc-good:#376442;
  --mdc-shadow:rgba(26,18,8,.10);
  --mdc-scheme:light;
  --mdc-num-font:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  --mdc-button-font:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto 56px!important;
  color:var(--mdc-ink)!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:ui-serif,Georgia,"Times New Roman","Noto Serif KR",serif!important;
  font-size:15px!important;
  line-height:1.58!important;
}

/* Reset only the workspace elements that bleed; component padding stays local. */
body.tn-mdc-page-body .tn-mdc-page :is(.tn-mdc-tool,.tn-mdc-tool *,.tn-mdc-tool *::before,.tn-mdc-tool *::after){box-sizing:border-box!important;min-width:0!important}
body.tn-mdc-page-body .tn-mdc-tool :is(ul,ol,li){margin:0!important;padding:0!important;list-style:none!important}
body.tn-mdc-page-body .tn-mdc-tool :is(p,dl,dt,dd){margin:0!important}
body.tn-mdc-page-body .tn-mdc-tool :is(code,pre,kbd,samp){padding:0!important;border:0!important;border-radius:0!important;background:none!important;background-color:transparent!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
body.tn-mdc-page-body .tn-mdc-page script,
body.tn-mdc-page-body .tn-mdc-tool [hidden]{display:none!important}

body.tn-mdc-page-body .tn-mdc-tool{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:start!important;
  gap:10px 8px!important;
  width:100%!important;
  max-width:960px!important;
  margin:0 auto 18px!important;
  padding:12px!important;
  border:1px solid var(--mdc-line)!important;
  border-top:3px double var(--mdc-line)!important;
  border-bottom:3px double var(--mdc-line)!important;
  border-radius:0!important;
  background:var(--mdc-paper)!important;
  box-shadow:4px 4px 0 var(--mdc-shadow)!important;
  color:var(--mdc-ink)!important;
  -webkit-text-fill-color:var(--mdc-ink)!important;
  font-family:var(--mdc-num-font)!important;
}
body.tn-mdc-page-body .tn-mdc-tool>*{margin:0!important}
/* Keep the shared meta's typography and markup; align it to this compact workspace. */
html body.wp-theme-intro.tn-mdc-page-body .tn-mdc-page[data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] > .tn-tool-meta-row{
  width:min(960px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.tn-mdc-page-body .tn-mdc-fields{
  grid-column:span 12!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:start!important;
  gap:10px 8px!important;
}
body.tn-mdc-page-body .tn-mdc-fields>.tn-mdc-field{grid-column:span 4!important}
body.tn-mdc-page-body .tn-mdc-adjust,
body.tn-mdc-page-body .tn-mdc-status{grid-column:span 6!important}
body.tn-mdc-page-body .tn-mdc-results,
body.tn-mdc-page-body .tn-mdc-timeline,
body.tn-mdc-page-body .tn-mdc-limit,
body.tn-mdc-page-body .tn-mdc-tool noscript{grid-column:span 12!important}
body.tn-mdc-page-body .tn-mdc-actions,
body.tn-mdc-page-body .tn-mdc-basis{grid-column:span 6!important;align-self:center!important}

/* Three compact fields, with official-date adjustment kept optional. */
body.tn-mdc-page-body .tn-mdc-field{
  display:grid!important;
  grid-template-rows:auto 38px!important;
  align-content:start!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
body.tn-mdc-page-body .tn-mdc-field label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:15px!important;
}
body.tn-mdc-page-body .tn-mdc-field label span{font-size:11px!important;font-weight:400!important}
body.tn-mdc-page-body .tn-mdc-field :is(input,select){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--mdc-line)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mdc-surface)!important;
  box-shadow:none!important;
  color:var(--mdc-ink)!important;
  -webkit-text-fill-color:var(--mdc-ink)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:36px!important;
  letter-spacing:0!important;
  font-kerning:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"lnum" 1,"tnum" 1!important;
  text-align:left!important;
  color-scheme:var(--mdc-scheme)!important;
}
body.tn-mdc-page-body .tn-mdc-field select{appearance:none!important;cursor:pointer!important}
body.tn-mdc-page-body .tn-mdc-field--branch{position:relative!important}
body.tn-mdc-page-body .tn-mdc-field--branch::after{content:""!important;position:absolute!important;right:12px!important;bottom:17px!important;width:6px!important;height:6px!important;border-right:1.5px solid var(--mdc-ink)!important;border-bottom:1.5px solid var(--mdc-ink)!important;transform:rotate(45deg)!important;pointer-events:none!important}
/* Native date segments do not implement ::placeholder. Only empty text is dimmed. */
body.tn-mdc-page-body :is(#mdcStart,#mdcAsOf,#mdcOverride)[data-mdc-empty="true"]:not([aria-invalid="true"]){font-weight:400!important;color:color-mix(in srgb,var(--mdc-muted) 35%,transparent)!important;-webkit-text-fill-color:color-mix(in srgb,var(--mdc-muted) 35%,transparent)!important}
body.tn-mdc-page-body .tn-mdc-field input::-webkit-date-and-time-value{text-align:left!important}
body.tn-mdc-page-body .tn-mdc-field input::-webkit-calendar-picker-indicator{margin:0!important;padding:0!important;opacity:.65!important;cursor:pointer!important}
body.tn-mdc-page-body .tn-mdc-field input::placeholder{color:var(--mdc-muted)!important;-webkit-text-fill-color:var(--mdc-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-mdc-page-body .tn-mdc-field input::-webkit-input-placeholder{color:var(--mdc-muted)!important;-webkit-text-fill-color:var(--mdc-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-mdc-page-body .tn-mdc-field :is(input,select):focus-visible{outline:2px solid var(--mdc-accent)!important;outline-offset:2px!important}
body.tn-mdc-page-body .tn-mdc-field :is(input,select)[aria-invalid="true"]{border-color:var(--mdc-danger)!important;color:var(--mdc-danger)!important;-webkit-text-fill-color:var(--mdc-danger)!important}
body.tn-mdc-page-body .tn-mdc-adjust{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
}
body.tn-mdc-page-body .tn-mdc-adjust summary{
  display:list-item!important;
  width:fit-content!important;
  margin:0!important;
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:18px!important;
  list-style:disclosure-closed inside!important;
  cursor:pointer!important;
}
body.tn-mdc-page-body .tn-mdc-adjust[open]{grid-column:span 12!important}
body.tn-mdc-page-body .tn-mdc-adjust[open] summary{list-style-type:disclosure-open!important}
body.tn-mdc-page-body .tn-mdc-adjust summary:focus-visible{outline:2px solid var(--mdc-accent)!important;outline-offset:3px!important}
body.tn-mdc-page-body .tn-mdc-adjust-content{
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin:8px 0 0!important;
  padding:10px!important;
  border:1px solid var(--mdc-soft)!important;
  background:var(--mdc-wash)!important;
}
body.tn-mdc-page-body .tn-mdc-adjust-content p{
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
body.tn-mdc-page-body .tn-mdc-tool:has(.tn-mdc-adjust[open]) .tn-mdc-status{grid-column:span 12!important}
body.tn-mdc-page-body .tn-mdc-status{
  align-self:center!important;
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:18px!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}
body.tn-mdc-page-body .tn-mdc-tool[data-state="discharge-day"] .tn-mdc-status{color:var(--mdc-good)!important;-webkit-text-fill-color:var(--mdc-good)!important}
body.tn-mdc-page-body .tn-mdc-tool[data-state="error"] .tn-mdc-status,
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-status[data-tone="error"]{color:var(--mdc-danger)!important;-webkit-text-fill-color:var(--mdc-danger)!important}

/* Actual date and countdown are primary; four small metrics share their row. */
body.tn-mdc-page-body .tn-mdc-results{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
}
body.tn-mdc-page-body .tn-mdc-headline{
  grid-column:span 4!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:6px!important;
  padding:10px 8px!important;
  border:1px solid var(--mdc-line)!important;
  background:var(--mdc-surface)!important;
  text-align:center!important;
}
body.tn-mdc-page-body .tn-mdc-headline dt{
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:14px!important;
}
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-number{
  padding:0!important;
  color:var(--mdc-ink)!important;
  -webkit-text-fill-color:var(--mdc-ink)!important;
  font-family:var(--mdc-num-font)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  font-kerning:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-feature-settings:"lnum" 1,"tnum" 1!important;
}
body.tn-mdc-page-body .tn-mdc-headline dd{font-size:clamp(22px,2.4vw,30px)!important;line-height:1.15!important;white-space:nowrap!important}
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-headline--dday .tn-mdc-number{color:var(--mdc-accent)!important;-webkit-text-fill-color:var(--mdc-accent)!important}
body.tn-mdc-page-body .tn-mdc-metrics{
  grid-column:span 4!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px 8px!important;
  padding:8px!important;
  border:1px solid var(--mdc-soft)!important;
  background:var(--mdc-wash)!important;
}
body.tn-mdc-page-body .tn-mdc-metric{
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:3px!important;
  padding:0!important;
  border:0!important;
  text-align:center!important;
}
body.tn-mdc-page-body .tn-mdc-metric dt{
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:13px!important;
}
body.tn-mdc-page-body .tn-mdc-metric dd{font-size:16px!important;line-height:18px!important;white-space:nowrap!important}

/* A bounded progress path. The boot is positioned by the same true ratio as the fill. */
body.tn-mdc-page-body .tn-mdc-timeline{position:relative!important;padding:0 3px!important}
body.tn-mdc-page-body .tn-mdc-path-labels{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 18px!important;
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:13px!important;
  font-variant-numeric:lining-nums tabular-nums!important;
}
body.tn-mdc-page-body .tn-mdc-path-labels span:last-child{text-align:right!important}
body.tn-mdc-page-body .tn-mdc-progress{
  position:relative!important;
  height:7px!important;
  margin:0 12px!important;
  padding:0!important;
  border:1px solid var(--mdc-line)!important;
  background:var(--mdc-soft)!important;
}
body.tn-mdc-page-body .tn-mdc-progress-fill{
  position:absolute!important;
  inset:0 auto 0 0!important;
  display:block!important;
  width:0;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:var(--mdc-good)!important;
}
body.tn-mdc-page-body .tn-mdc-walker{
  position:absolute!important;
  bottom:3px!important;
  left:0;
  display:block!important;
  width:26px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  color:var(--mdc-ink)!important;
  -webkit-text-fill-color:var(--mdc-ink)!important;
  transform:translateX(-50%);
  pointer-events:none!important;
}
body.tn-mdc-page-body .tn-mdc-flag{
  position:absolute!important;
  right:-6px!important;
  bottom:3px!important;
  display:block!important;
  width:18px!important;
  height:22px!important;
  color:var(--mdc-accent)!important;
  -webkit-text-fill-color:var(--mdc-accent)!important;
  pointer-events:none!important;
}
body.tn-mdc-page-body .tn-mdc-tool :is(.tn-mdc-walker,.tn-mdc-flag) svg{display:block!important;width:100%!important;height:100%!important;margin:0!important;overflow:visible!important}
body.tn-mdc-page-body .tn-mdc-tool[data-state="empty"] .tn-mdc-walker,
body.tn-mdc-page-body .tn-mdc-tool[data-state="error"] .tn-mdc-walker{opacity:.35!important}
body.tn-mdc-page-body .tn-mdc-checkpoints{
  display:flex!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:10px 0 0!important;
  padding:0!important;
}

/* All actual buttons share intrinsic width, mono/bold and centered 38px geometry. */
body.tn-mdc-page-body .tn-mdc-tool button{
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--mdc-action-line)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mdc-secondary)!important;
  box-shadow:none!important;
  color:var(--mdc-ink)!important;
  -webkit-text-fill-color:var(--mdc-ink)!important;
  font-family:var(--mdc-button-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:nowrap!important;
  appearance:none!important;
  cursor:pointer!important;
}
body.tn-mdc-page-body .tn-mdc-tool button::before,
body.tn-mdc-page-body .tn-mdc-tool button::after{content:none!important}
body.tn-mdc-page-body .tn-mdc-tool button span{margin:0!important;padding:0!important;line-height:1!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-primary{background:var(--mdc-primary)!important;border-color:var(--mdc-primary)!important;color:var(--mdc-primary-text)!important;-webkit-text-fill-color:var(--mdc-primary-text)!important}
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-primary:is(:hover,:focus-visible):not(:disabled){background:var(--mdc-primary-hover)!important;border-color:var(--mdc-primary-hover)!important}
body.tn-mdc-page-body .tn-mdc-tool :is(.tn-mdc-secondary,.tn-mdc-checkpoint):is(:hover,:focus-visible):not(:disabled){background:var(--mdc-secondary-hover)!important}
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-checkpoint[aria-pressed="true"]{border-color:var(--mdc-accent)!important;background:var(--mdc-secondary-hover)!important}
body.tn-mdc-page-body .tn-mdc-tool button:disabled{cursor:not-allowed!important;opacity:.55!important}
body.tn-mdc-page-body .tn-mdc-tool button:focus-visible{outline:2px solid var(--mdc-accent)!important;outline-offset:2px!important}
body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-checkpoint{gap:4px!important;padding:0 10px!important;font-size:11px!important}
body.tn-mdc-page-body .tn-mdc-checkpoint [data-mdc-date]{font-family:var(--mdc-num-font)!important;font-size:10px!important;font-weight:800!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum" 1,"tnum" 1!important;font-kerning:normal!important;letter-spacing:0!important}
body.tn-mdc-page-body .tn-mdc-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important}
body.tn-mdc-page-body .tn-mdc-basis{
  padding:0!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:17px!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
}
body.tn-mdc-page-body .tn-mdc-limit{
  padding:7px 10px!important;
  border:1px solid var(--mdc-soft)!important;
  background:var(--mdc-wash)!important;
  color:var(--mdc-muted)!important;
  -webkit-text-fill-color:var(--mdc-muted)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:17px!important;
}

/* Decorative particles cannot intercept controls or escape the timeline. */
body.tn-mdc-page-body .tn-mdc-celebration{
  position:relative!important;
  display:block;
  overflow:hidden!important;
  margin:8px 0 0!important;
  padding:6px 10px!important;
  border:1px solid var(--mdc-soft)!important;
  background:var(--mdc-wash)!important;
  pointer-events:none!important;
  contain:paint!important;
  color:var(--mdc-good)!important;
  -webkit-text-fill-color:var(--mdc-good)!important;
  font-family:var(--mdc-num-font)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:17px!important;
  text-align:center!important;
}
body.tn-mdc-page-body .tn-mdc-celebration .tn-mdc-confetti{
  position:absolute!important;
  display:block!important;
  width:5px!important;
  height:9px!important;
  margin:0!important;
  padding:0!important;
  background:var(--mdc-accent)!important;
  opacity:0;
}
body.tn-mdc-page-body .tn-mdc-celebration .tn-mdc-confetti:nth-of-type(3n){background:var(--mdc-good)!important}
body.tn-mdc-page-body .tn-mdc-celebration .tn-mdc-confetti:nth-of-type(3n + 1){background:var(--mdc-muted)!important}

body.tn-mdc-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-mdc-page,
html[data-scheme="dark"] body.tn-mdc-page-body:not([data-scheme="light"]) .tn-mdc-page{
  --mdc-ink:#f7ead1;
  --mdc-muted:#c3b492;
  --mdc-line:#6f6047;
  --mdc-soft:#574a37;
  --mdc-paper:#241d12;
  --mdc-surface:#322a1a;
  --mdc-wash:#2c2517;
  --mdc-accent:#e8823f;
  --mdc-primary:#6a3b1f;
  --mdc-primary-hover:#824826;
  --mdc-primary-text:#f7ead1;
  --mdc-secondary:#2f2115;
  --mdc-secondary-hover:#3a2a1b;
  --mdc-action-line:#826744;
  --mdc-danger:#ffb0a2;
  --mdc-good:#83bd8a;
  --mdc-shadow:rgba(0,0,0,.22);
  --mdc-scheme:dark;
}
@media (prefers-color-scheme:dark){
  body.tn-mdc-page-body[data-scheme="auto"] .tn-mdc-page{
    --mdc-ink:#f7ead1;
    --mdc-muted:#c3b492;
    --mdc-line:#6f6047;
    --mdc-soft:#574a37;
    --mdc-paper:#241d12;
    --mdc-surface:#322a1a;
    --mdc-wash:#2c2517;
    --mdc-accent:#e8823f;
    --mdc-primary:#6a3b1f;
    --mdc-primary-hover:#824826;
    --mdc-primary-text:#f7ead1;
    --mdc-secondary:#2f2115;
    --mdc-secondary-hover:#3a2a1b;
    --mdc-action-line:#826744;
    --mdc-danger:#ffb0a2;
    --mdc-good:#83bd8a;
    --mdc-shadow:rgba(0,0,0,.22);
    --mdc-scheme:dark;
  }
}
@media (max-width:720px){
  body.tn-mdc-page-body .tn-mdc-page{width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 auto 40px!important;font-size:14px!important}
  body.tn-mdc-page-body .tn-mdc-tool{padding:10px!important;gap:10px 8px!important}
  body.tn-mdc-page-body .tn-mdc-fields>.tn-mdc-field{grid-column:span 6!important}
  body.tn-mdc-page-body .tn-mdc-adjust{align-self:center!important}
  body.tn-mdc-page-body .tn-mdc-adjust summary{font-size:11px!important;line-height:17px!important}
  body.tn-mdc-page-body .tn-mdc-status,
  body.tn-mdc-page-body .tn-mdc-actions,
  body.tn-mdc-page-body .tn-mdc-basis{grid-column:span 12!important;text-align:left!important}
  body.tn-mdc-page-body .tn-mdc-adjust-content{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  body.tn-mdc-page-body .tn-mdc-results{gap:8px!important}
  body.tn-mdc-page-body .tn-mdc-headline{grid-column:span 6!important;padding:10px 6px!important}
  body.tn-mdc-page-body .tn-mdc-headline dd{font-size:clamp(20px,5.6vw,28px)!important}
  body.tn-mdc-page-body .tn-mdc-metrics{grid-column:span 12!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;padding:8px 4px!important}
  body.tn-mdc-page-body .tn-mdc-metric{grid-template-rows:26px auto!important;align-items:center!important}
  body.tn-mdc-page-body .tn-mdc-metric dt{font-size:10px!important;line-height:13px!important}
  body.tn-mdc-page-body .tn-mdc-metric dd{font-size:14px!important}
  body.tn-mdc-page-body .tn-mdc-basis{font-size:10px!important;line-height:15px!important}
}
@media (max-width:390px){
  body.tn-mdc-page-body .tn-mdc-field :is(input,select){padding:0 7px!important;font-size:13px!important}
  body.tn-mdc-page-body .tn-mdc-field label{font-size:11px!important}
  body.tn-mdc-page-body .tn-mdc-field label span{font-size:10px!important}
  body.tn-mdc-page-body .tn-mdc-headline dd{font-size:20px!important}
  body.tn-mdc-page-body .tn-mdc-tool .tn-mdc-checkpoint{padding:0 8px!important;font-size:10px!important}
  body.tn-mdc-page-body .tn-mdc-tool button{padding:0 12px!important}
  body.tn-mdc-page-body .tn-mdc-celebration{font-size:10px!important;line-height:15px!important}
}
@media (max-width:360px){
  body.tn-mdc-page-body .tn-mdc-tool{padding:9px!important;gap:9px 7px!important}
  body.tn-mdc-page-body .tn-mdc-field :is(input,select){padding:0 6px!important;font-size:12px!important}
  body.tn-mdc-page-body .tn-mdc-headline dd{font-size:19px!important}
  body.tn-mdc-page-body .tn-mdc-path-labels{font-size:9px!important}
  body.tn-mdc-page-body .tn-mdc-metric dt{font-size:9px!important}
}
body.tn-mdc-page-body .tn-mdc-field select{padding-right:28px!important}
@media (prefers-reduced-motion:reduce){
  body.tn-mdc-page-body .tn-mdc-tool *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body.tn-mdc-page-body .tn-mdc-celebration .tn-mdc-confetti{display:none!important}
}