:root {
  --red: #e30613;
  --red-deep: #b8000b;
  --ink: #26282c;
  --muted: #676b72;
  --grey: #62656b;
  --line: #dfe1e3;
  --paper: #fff;
  --soft: #f5f5f6;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; }
.wrap { width: min(100% - 3rem, 1320px); margin-inline: auto; }
.skip-link { position: absolute; left: 1rem; top: -4rem; z-index: 5; padding: .7rem 1rem; background: white; }
.skip-link:focus { top: 1rem; }
:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }

.intro { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 3rem; padding-block: clamp(3rem, 6vw, 5.5rem) 3.7rem; }
.eyebrow { color: var(--red); font-size: .78rem; font-weight: 750; text-transform: uppercase; letter-spacing: .14em; }
.intro h1 { max-width: 820px; margin-top: .75rem; font-size: clamp(2.7rem, 5.7vw, 5.5rem); line-height: 1.02; letter-spacing: -.045em; font-weight: 690; }
.intro-copy { max-width: 750px; margin-top: 1.4rem; font-size: clamp(1.05rem, 1.45vw, 1.24rem); color: #45494f; }
.intro-note { margin-top: 1.25rem; color: var(--muted); font-size: .88rem; }
.intro-mark { width: 206px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; justify-self: end; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #f3f3f4 70%); font-size: 5.4rem; font-weight: 750; letter-spacing: -.12em; }
.intro-mark span:last-child { color: var(--red); margin-left: .15rem; font-size: 6.4rem; }

.workspace { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, .8fr); align-items: start; gap: clamp(1.5rem, 3.4vw, 3rem); padding-bottom: 6rem; }
.section-topline { display: flex; justify-content: space-between; align-items: end; gap: 1rem; }
.section-topline h2, .results-heading h2 { margin-top: .25rem; font-size: clamp(1.8rem, 2.5vw, 2.55rem); line-height: 1.12; letter-spacing: -.035em; }
.progress-copy { color: var(--muted); font-size: .83rem; white-space: nowrap; }
.progress-track { height: 5px; margin-top: 1.1rem; border-radius: 50px; background: var(--line); overflow: hidden; }
.progress-track span { display: block; width: 0; height: 100%; background: var(--red); transition: width .2s ease; }
.survey-help { margin: 1.25rem 0 1.7rem; color: var(--muted); font-size: .9rem; }
.question-list { display: grid; gap: 1rem; }
.question { border: 1px solid var(--line); border-radius: 13px; background: white; padding: clamp(1.15rem, 2vw, 1.6rem); box-shadow: 0 10px 24px rgba(40,43,49,.025); }
.question.is-answered { border-color: #d4d5d8; }
.question-head { display: flex; align-items: flex-start; gap: 1rem; }
.question-number { flex: 0 0 auto; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--soft); color: var(--muted); font-size: .78rem; font-weight: 730; }
.question.is-answered .question-number { background: #ffe9ea; color: var(--red-deep); }
.question-copy { min-width: 0; flex: 1; }
.question label { display: block; font-size: clamp(1rem, 1.35vw, 1.15rem); font-weight: 650; line-height: 1.32; }
.answer-output { min-height: 1.8rem; margin-top: .45rem; color: var(--red-deep); font-size: .9rem; font-weight: 700; }
.answer-output.is-empty { color: var(--muted); font-weight: 500; }
.range-wrap { margin-top: .7rem; padding-inline: .15rem; }
.question input[type="range"] { display: block; width: 100%; height: 36px; margin: 0; border: 0; background: transparent; appearance: none; -webkit-appearance: none; cursor: pointer; }
.question input[type="range"]::-webkit-slider-runnable-track { height: 9px; border-radius: 100px; background: linear-gradient(to right, var(--red) 0 var(--range-fill, 0%), #e6e7e9 var(--range-fill, 0%) 100%); }
.question input[type="range"]::-moz-range-track { height: 9px; border-radius: 100px; background: #e6e7e9; }
.question input[type="range"]::-moz-range-progress { height: 9px; border-radius: 100px; background: var(--red); }
.question input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 29px; height: 29px; margin-top: -10px; border: 4px solid white; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 1px #d1d3d5, 0 3px 8px rgba(0,0,0,.13); }
.question input[type="range"]::-moz-range-thumb { width: 21px; height: 21px; border: 4px solid white; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 1px #d1d3d5, 0 3px 8px rgba(0,0,0,.13); }
.range-labels { display: grid; grid-template-columns: repeat(5, 1fr); gap: .2rem; margin-top: .05rem; color: #797d83; font-size: .69rem; line-height: 1.2; text-align: center; }
.range-labels span:first-child { text-align: left; }
.range-labels span:last-child { text-align: right; }
.question-bottom { display: flex; justify-content: flex-end; margin-top: .65rem; }
.unknown-button { padding: .3rem .1rem; border: 0; background: transparent; color: #777b81; font-size: .78rem; text-decoration: underline; text-underline-offset: .18rem; }
.unknown-button[aria-pressed="true"] { color: var(--red-deep); font-weight: 700; }
.no-script { padding: 1rem; border: 1px solid var(--line); }

.results { position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; }
.results-inner { padding: clamp(1.35rem, 2.5vw, 2rem); border: 1px solid var(--line); border-radius: 16px; background: var(--soft); }
.results-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.live-dot { flex: 0 0 auto; width: 9px; height: 9px; margin-top: .35rem; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px #fbdadd; }
.results-intro { min-height: 3rem; margin-top: .8rem; color: #565a60; font-size: .94rem; }
.score-list { display: grid; gap: .7rem; margin-top: 1.2rem; }
.score-card { padding: 1rem 1.05rem; border: 1px solid #e4e5e7; border-radius: 10px; background: white; }
.score-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.score-head h3 { font-size: .96rem; font-weight: 700; }
.score-head strong { color: var(--red-deep); font-size: 1.05rem; white-space: nowrap; }
.score-track { height: 5px; margin-top: .7rem; border-radius: 50px; background: #e9eaec; overflow: hidden; }
.score-track span { display: block; width: 0; height: 100%; background: var(--red); transition: width .2s ease; }
.score-card p { margin-top: .52rem; color: var(--muted); font-size: .8rem; }
.next-steps { margin-top: 1.35rem; padding-top: 1.25rem; border-top: 1px solid #dddee0; }
.next-steps ol { margin: .75rem 0 0; padding-left: 1.35rem; color: #41454a; font-size: .89rem; }
.next-steps li + li { margin-top: .55rem; }
.result-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.35rem; }
.result-actions button, .result-actions a { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: .65rem .85rem; border: 1px solid var(--ink); border-radius: 6px; background: white; color: var(--ink); font-size: .81rem; font-weight: 700; text-align: center; }
.result-actions .email-action { border-color: var(--red); background: var(--red); color: white; }
.result-actions button:disabled, .result-actions .is-disabled { opacity: .48; cursor: not-allowed; }
.action-feedback { width: 100%; min-height: 1.2rem; color: var(--red-deep); font-size: .8rem; }
.method-note { margin-top: .65rem; color: #74777d; font-size: .75rem; line-height: 1.45; }
@media (max-width: 980px) {
  .workspace { grid-template-columns: minmax(0, 1fr); }
  .results { position: static; max-height: none; overflow: visible; }
  .results-inner { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 1.25rem; }
  .results-heading, .results-intro, .score-list, .method-note { grid-column: 1 / -1; }
  .next-steps, .result-actions { align-self: start; }
}
@media (max-width: 650px) {
  .wrap { width: min(100% - 2rem, 1320px); }
  .intro { grid-template-columns: 1fr; padding-block: 2.7rem; }
  .intro-mark { display: none; }
  .workspace { padding-bottom: 3.2rem; }
  .section-topline { align-items: start; }
  .progress-copy { padding-top: .2rem; font-size: .73rem; }
  .question-head { gap: .65rem; }
  .range-labels { font-size: .59rem; }
  .results-inner { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .progress-track span, .score-track span { transition: none; }
}

/* Shared site header, with a continuously visible live dashboard below it. */
:root { --header-height: 78px; --header-height-scrolled: 68px; --surface: #f8f8f7; }
body { background: #fff; }
main { padding-top: var(--header-height); }
.live-dashboard { position: sticky; top: var(--header-height); z-index: 30; background: rgba(248,248,247,.97); border-bottom: 1px solid #dadcde; box-shadow: 0 15px 35px rgba(25,28,32,.07); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.site-header.is-scrolled + main .live-dashboard { top: var(--header-height-scrolled); }
.dashboard-inner { padding-block: 1rem 1.15rem; }
.dashboard-title { display: flex; justify-content: space-between; align-items: baseline; gap: 2rem; margin-bottom: .75rem; }
.dashboard-title .eyebrow { font-size: .65rem; letter-spacing: .17em; }
.visit-counter { color: #777b81; font-size: .62rem; font-weight: 600; letter-spacing: .08em; white-space: nowrap; }
.dashboard-title h1 { margin-top: .15rem; font-size: clamp(1.05rem, 1.7vw, 1.55rem); line-height: 1.15; letter-spacing: -.035em; }
.results-intro { min-height: 0; max-width: 440px; margin: 0; font-size: .73rem; line-height: 1.3; text-align: right; }
.score-list { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .65rem; margin: 0; }
.score-card { min-width: 0; padding: .7rem .9rem .65rem; border: 1px solid #e3e4e4; border-radius: 8px; box-shadow: 0 2px 10px rgba(35,38,43,.025); }
.score-head { align-items: center; }
.score-head h2 { font-size: .78rem; font-weight: 750; }
.score-head strong { min-width: 0; color: var(--red-deep); font-size: clamp(.92rem, 1.45vw, 1.2rem); line-height: 1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.score-track { height: 4px; margin-top: .55rem; }
.score-card p { overflow: hidden; margin-top: .38rem; color: #74777c; font-size: .66rem; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; }
.score-card-time { border-color: #efb9bd; }
.score-card-time strong { font-size: clamp(.94rem, 1.3vw, 1.15rem); white-space: nowrap; }
.check-intro { padding-top: 1.3rem; color: var(--muted); font-size: .88rem; }
.check-intro p { max-width: 900px; }
.workspace { display: grid; grid-template-columns: minmax(0,1fr); gap: clamp(3.5rem, 6vw, 6rem); width: min(100% - 3rem, 1050px); padding-block: clamp(3rem, 6vw, 5rem) 6rem; }
.workspace > section { min-width: 0; scroll-margin-top: calc(var(--header-height) + 195px); }
.section-topline { align-items: end; }
.section-topline h2, .ideas-section h2, .results-heading h2 { margin-top: .45rem; font-size: clamp(1.85rem, 3.8vw, 3.4rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 680; }
.progress-copy { font-size: .78rem; }
.progress-track { margin-top: 1.2rem; }
.survey-help, .section-copy { max-width: 720px; margin: 1.1rem 0 1.8rem; color: var(--muted); font-size: .94rem; }
.question-list { gap: .65rem; }
.question { padding: 1.25rem 1.5rem; border-radius: 8px; background: linear-gradient(135deg,#fff 72%,#fcfcfc); box-shadow: none; }
.question.is-answered { border-color: #d5d6d8; }
.question-number { width: 1.85rem; height: 1.85rem; border-radius: 5px; }
.question label { font-size: 1.04rem; }
.answer-output { min-height: 1.35rem; margin-top: .2rem; }
.range-wrap { margin-top: .35rem; }
.range-labels { font-size: .72rem; }
.question-bottom { margin-top: .25rem; }
.time-section, .ideas-section, .results { border-top: 1px solid var(--line); padding-top: clamp(2rem, 4vw, 3rem); }
.workflow-list { display: grid; gap: .75rem; }
.workflow-examples { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin: .25rem 0 1.4rem; }
.workflow-examples article { padding: 1.15rem; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.workflow-examples span { color: var(--red); font-size: .69rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.workflow-examples h3 { margin-top: .75rem; font-size: 1rem; }
.workflow-examples p { margin-top: .38rem; color: var(--muted); font-size: .81rem; line-height: 1.45; }
.workflow-instruction { max-width: 820px; margin: 0 0 1.25rem; color: #575b61; font-size: .85rem; }
.workflow-card { padding: clamp(1.2rem, 2.4vw, 1.8rem); border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.workflow-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.2rem; }
.workflow-top h3 { font-size: 1.05rem; letter-spacing: -.02em; }
.remove-workflow { border: 0; background: transparent; color: var(--muted); font-size: .77rem; text-decoration: underline; text-underline-offset: .2rem; }
.workflow-fields { display: grid; grid-template-columns: 1.4fr .8fr; gap: 1rem; }
.workflow-fields-secondary { grid-template-columns: minmax(0,1fr); margin-top: 1rem; }
.workflow-description { margin-top: .6rem; color: var(--muted); font-size: .83rem; }
.workflow-fields label, .workflow-slider label { display: block; margin-bottom: .35rem; color: #555a60; font-size: .8rem; font-weight: 650; }
.workflow-fields select { width: 100%; min-height: 43px; padding: .5rem .7rem; border: 1px solid #d6d8da; border-radius: 5px; background: white; color: var(--ink); }
.workflow-slider-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; margin-top: 1.2rem; }
.workflow-slider { min-width: 0; }
.workflow-slider strong { display: block; margin-bottom: .25rem; color: var(--red-deep); font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.workflow-slider input { width: 100%; accent-color: var(--red); cursor: pointer; }
.workflow-scale { display: flex; justify-content: space-between; color: #888c91; font-size: .68rem; }
.workflow-summary { margin-top: 1.2rem; padding-top: .8rem; border-top: 1px solid #dcdddf; color: #555a60; font-size: .82rem; }
.add-workflow { margin-top: .85rem; padding: .7rem .9rem; border: 1px solid #babdc0; border-radius: 5px; background: #fff; color: var(--ink); font-size: .83rem; font-weight: 680; }
.add-workflow:disabled { opacity: .5; cursor: not-allowed; }
.time-result { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 1.8rem; overflow: hidden; border-radius: 8px; background: #d8d9db; }
.time-result > div { display: grid; gap: .12rem; padding: 1.25rem 1.5rem; background: #eeeff0; }
.time-result .time-result-highlight { background: var(--red); color: #fff; }
.time-result span { font-size: .79rem; font-weight: 650; }
.time-result strong { font-size: clamp(1.7rem, 3.5vw, 2.9rem); line-height: 1.1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.time-result small { font-size: .73rem; opacity: .75; }
.method-note { max-width: 850px; margin-top: 1rem; font-size: .75rem; line-height: 1.55; }
.idea-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin-top: 1.65rem; }
.idea-card { padding: 1.35rem; border: 1px solid var(--line); border-radius: 8px; }
.idea-card > span { color: var(--red); font-size: .77rem; font-weight: 750; }
.idea-card h3 { margin-top: 1.2rem; font-size: 1.04rem; }
.idea-card p { margin-top: .5rem; color: var(--muted); font-size: .85rem; }
.results { position: static; max-height: none; overflow: visible; background: transparent; }
.results-heading { display: block; }
.results > ol { display: grid; gap: .65rem; margin: 1.5rem 0 0; padding-left: 1.35rem; font-size: .95rem; }
.result-actions { margin-top: 1.6rem; }
.result-actions button, .result-actions a { padding-inline: 1.2rem; font-size: .85rem; }
.result-actions .email-action:hover:not(.is-disabled) { background: var(--red-deep); }
@media (max-width: 1150px) {
  :root { --header-height: 70px; --header-height-scrolled: 64px; }
}
@media (max-width: 760px) {
  .wrap { width: min(100% - 2rem, 1320px); }
  .dashboard-inner { padding-block: .65rem .75rem; }
  .dashboard-title { display: block; margin-bottom: .55rem; }
  .dashboard-title h1 { font-size: .98rem; }
  .results-intro { display: none; }
  .score-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; overflow: visible; padding-bottom: 0; }
  .score-card { min-height: 70px; padding: .58rem .65rem; }
  .score-head { gap: .35rem; }
  .score-head h2 { min-width: 0; font-size: .68rem; line-height: 1.15; }
  .score-head strong { flex: 0 0 auto; font-size: .82rem; letter-spacing: -.02em; }
  .score-card p { display: none; }
  .workspace { width: min(100% - 2rem, 1050px); padding-top: 2.8rem; }
  .workspace > section { scroll-margin-top: calc(var(--header-height) + 120px); }
  .section-topline { align-items: start; }
  .question { padding: 1.1rem; }
  .workflow-slider-grid { gap: .7rem; }
  .workflow-examples { grid-template-columns: 1fr; }
  .workflow-examples article { padding: 1rem; }
  .workflow-examples h3 { margin-top: .25rem; }
  .idea-grid { grid-template-columns: 1fr; }
  .idea-card { padding: 1.1rem; }
  .idea-card h3 { margin-top: .4rem; }
}
@media (max-width: 560px) {
  .score-head { display: block; }
  .score-head strong { display: block; margin-top: .28rem; font-size: .8rem; }
  .score-track { margin-top: .45rem; }
  .section-topline { display: block; }
  .progress-copy { margin-top: .4rem; }
  .workflow-fields { grid-template-columns: 1fr; }
  .workflow-slider-grid { grid-template-columns: 1fr; gap: 1rem; }
  .time-result > div { padding: 1rem; }
  .time-result strong { font-size: 1.65rem; }
}

/* Version 0.4: enquiry form and print-ready PDF report. */
.result-actions .request-action { border-color: var(--red); background: var(--red); color: #fff; }
.result-actions .request-action:hover:not(:disabled) { background: var(--red-deep); }
.request-section { border-top: 1px solid var(--line); padding-top: clamp(2rem, 4vw, 3rem); scroll-margin-top: calc(var(--header-height) + 195px); }
.request-section[hidden] { display: none; }
.request-section h2 { margin-top: .45rem; font-size: clamp(1.85rem, 3.8vw, 3.4rem); line-height: 1.08; letter-spacing: -.045em; font-weight: 680; }
.request-section form { max-width: 850px; padding: clamp(1.2rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.request-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.request-grid label, .request-message label { display: block; margin-bottom: .3rem; color: #555a60; font-size: .81rem; font-weight: 680; }
.request-grid input, .request-grid select, .request-message textarea { display: block; width: 100%; min-height: 44px; padding: .65rem .75rem; border: 1px solid #d2d4d6; border-radius: 5px; background: #fff; color: var(--ink); font: inherit; }
.request-message { margin-top: 1rem; }
.request-message textarea { resize: vertical; min-height: 110px; }
.optional { color: #888c90; font-weight: 500; }
.request-consent { display: flex; align-items: flex-start; gap: .65rem; margin-top: 1.3rem; color: #54585d; font-size: .82rem; line-height: 1.5; }
.request-consent input { flex: 0 0 auto; width: 18px; height: 18px; margin: .1rem 0 0; accent-color: var(--red); }
.request-consent a { color: var(--red-deep); text-decoration: underline; text-underline-offset: .15rem; }
.request-submit { min-height: 46px; margin-top: 1.3rem; padding: .7rem 1.25rem; border: 1px solid var(--red); border-radius: 5px; background: var(--red); color: #fff; font-size: .88rem; font-weight: 740; }
.request-submit:disabled { opacity: .5; cursor: not-allowed; }
.request-status { min-height: 1.25rem; margin-top: .8rem; color: var(--red-deep); font-size: .85rem; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.print-report { display: none; }

@media (max-width: 760px) {
  .request-section { scroll-margin-top: calc(var(--header-height) + 120px); }
}
@media (max-width: 560px) {
  .request-grid { grid-template-columns: 1fr; }
}
@page { size: A4; margin: 15mm; }
@media print {
  html, body { margin: 0; background: #fff; color: #24262a; font: 10pt/1.45 Arial, sans-serif; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .skip-link, .site-header, main, .site-footer { display: none !important; }
  .print-report { display: block !important; width: 100%; }
  .print-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 26mm; padding: 4mm 7mm; background: #62656b !important; color: #fff; }
  .print-header img { width: 53mm; height: auto; }
  .print-header span { font-size: 9pt; font-weight: 700; line-height: 1.35; text-align: right; }
  .print-body { padding: 10mm 2mm 4mm; }
  .print-kicker { color: #b8000b; font-size: 8pt; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
  .print-body h1 { margin: 2mm 0 1mm; font-size: 23pt; line-height: 1.1; letter-spacing: -.03em; }
  .print-date { color: #666b70; font-size: 8pt; }
  .print-disclaimer { margin: 7mm 0 8mm; padding: 4mm 5mm; border-left: 1.2mm solid #e30613; background: #f6f6f6 !important; font-size: 9pt; }
  .print-body h2 { margin: 7mm 0 3mm; font-size: 12pt; }
  .print-score-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2mm; }
  .print-score-grid > div, .print-time-grid > div { display: grid; gap: 1mm; padding: 3mm; border: .3mm solid #dfe1e3; }
  .print-score-grid span, .print-time-grid span { color: #656a70; font-size: 8pt; }
  .print-score-grid strong, .print-time-grid strong { color: #b8000b; font-size: 15pt; line-height: 1.2; }
  .print-time-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 2mm; }
  .print-list { margin: 3mm 0 0; padding-left: 5mm; font-size: 9pt; }
  .print-list li { margin-bottom: 1.5mm; break-inside: avoid; }
  .print-method { margin-top: 8mm; padding-top: 3mm; border-top: .3mm solid #dfe1e3; color: #62666b; font-size: 8pt; }
  .print-footer { display: flex; justify-content: space-between; gap: 5mm; margin-top: 6mm; padding-top: 2mm; border-top: .3mm solid #dfe1e3; color: #666b70; font-size: 7pt; }
}