/* Article column */
.mk-article{padding:var(--cvt-space-8) 0 var(--cvt-space-10)}
.mk-article__inner,.mk-qa__inner,.mk-sources__inner,.mk-related__inner,.mk-releases{max-width:var(--cvt-size-reading-max)}
.mk-article h2{margin:0 0 var(--cvt-space-3)}
.mk-article h2.mk-after{margin-top:var(--cvt-space-10)}
.mk-article p{margin:0 0 var(--cvt-space-4);color:var(--cvt-text-secondary);font-size:17px;line-height:1.65}
.mk-article .mk-lead,.mk-article .mk-lead p{font-size:var(--cvt-type-reading-size);line-height:var(--cvt-type-reading-line)}
.mk-article a{color:var(--cvt-text-link);font-weight:600;text-underline-offset:3px}
.mk-byline,.mk-updated{margin:0;color:var(--cvt-text-secondary)}

/* Answer-first blocks: a short, self-contained answer under each heading. */
.mk-answer{margin:0;padding:var(--cvt-space-4) var(--cvt-space-5);border-left:3px solid var(--cvt-bg-brand);border-radius:0 var(--cvt-radius-md) var(--cvt-radius-md) 0;background:var(--cvt-bg-sunken);color:var(--cvt-text-primary)}
.mk-answer__label{display:block;margin:0 0 var(--cvt-space-1);font:var(--cvt-type-eyebrow-weight) var(--cvt-type-eyebrow-size)/var(--cvt-type-eyebrow-line) var(--cvt-font-ui);letter-spacing:var(--cvt-type-eyebrow-tracking);text-transform:uppercase;color:var(--cvt-text-label-accent)}
.mk-answer p:not(.mk-answer__label),.mk-article p.mk-answer{margin:0;color:var(--cvt-text-primary);font-size:17px;line-height:1.6}
.mk-article p.mk-answer{margin-bottom:var(--cvt-space-5);font-weight:500}
.mk-hero-answer{max-width:var(--cvt-size-reading-max);margin-top:var(--cvt-space-5)}

/* Numbered steps */
.mk-steplist{counter-reset:mk-step;list-style:none;margin:var(--cvt-space-2) 0 0;padding:0;display:grid;gap:var(--cvt-space-3)}
.mk-step{position:relative;min-width:0;padding:var(--cvt-space-5) var(--cvt-space-5) var(--cvt-space-5) calc(var(--cvt-space-5) + var(--cvt-space-10));border:1px solid var(--cvt-border-subtle);border-radius:var(--cvt-radius-lg);background:var(--cvt-bg-surface)}
.mk-step::before{counter-increment:mk-step;content:counter(mk-step);position:absolute;left:var(--cvt-space-5);top:var(--cvt-space-5);display:grid;place-items:center;width:32px;height:32px;border-radius:var(--cvt-radius-md);background:var(--cvt-bg-brand);color:var(--cvt-text-on-brand);font:700 15px/1 var(--cvt-font-ui)}
.mk-step h3{margin:0 0 var(--cvt-space-1)}
.mk-article .mk-step p{margin:0;font-size:var(--cvt-type-body-size)}

/* Mistakes to avoid */
.mk-tips{margin-top:var(--cvt-space-10)}
.mk-tips .mk-answer{background:var(--cvt-bg-surface)}
.mk-tips ul{display:grid;gap:var(--cvt-space-2);margin:0;padding:0;list-style:none}
.mk-tips li{position:relative;padding-left:var(--cvt-space-6);color:var(--cvt-text-secondary);font-size:var(--cvt-type-body-size);line-height:1.6}
.mk-tips li::before{content:"\00D7";position:absolute;left:0;top:-2px;color:var(--cvt-text-label-accent);font:700 22px/1.4 var(--cvt-font-ui)}

/* How CVTailor helps, inside the dark band */
.mk-band .mk-how-points{display:grid;gap:var(--cvt-space-2);margin:0;padding:0;list-style:none;max-width:56ch}
.mk-band .mk-how-points li{position:relative;padding-left:var(--cvt-space-6);color:var(--cvt-text-on-inverse);font-size:var(--cvt-type-body-size);line-height:1.55}
.mk-band .mk-how-points li::before{content:"\2713";position:absolute;left:0;color:var(--cvt-text-on-brand-accent);font-weight:700}
.mk-band .cvt-eyebrow{color:var(--cvt-text-on-brand-accent)}

/* Questions and answers: every answer stays in the HTML, no accordion. */
.mk-qa__item{padding:var(--cvt-space-5) 0;border-top:1px solid var(--cvt-border-subtle)}
.mk-qa__item:last-child{border-bottom:1px solid var(--cvt-border-subtle)}
.mk-qa__item h3{margin:0 0 var(--cvt-space-2);font:var(--cvt-type-heading-4-weight) 18px/1.4 var(--cvt-font-ui)}
.mk-qa__item p{margin:0;color:var(--cvt-text-secondary);font-size:17px;line-height:1.65}

/* Sources and related links */
.mk-sources h2{margin:0 0 var(--cvt-space-2)}
.mk-sources__intro{margin:0 0 var(--cvt-space-4);color:var(--cvt-text-secondary);font-size:var(--cvt-type-body-size)}
.mk-sources ol{margin:0;padding-left:var(--cvt-space-5);display:grid;gap:var(--cvt-space-3)}
.mk-sources li{color:var(--cvt-text-secondary);font-size:var(--cvt-type-body-size);line-height:1.6}
.mk-sources a{color:var(--cvt-text-link);font-weight:600;text-underline-offset:3px}
.mk-related__list{display:flex;flex-wrap:wrap;gap:var(--cvt-space-3);margin-top:var(--cvt-space-3)}
.mk-related__list .cvt-btn svg{width:16px;height:16px;flex:none}

/* The hub cards carry their arrow without the landing's motion switch. */
.mk-guides--hub .mk-guide__more::after{content:"\2192";display:inline-block;margin-left:6px}

/* Release history */
.mk-release{padding:0 0 var(--cvt-space-8)}
.mk-release+.mk-release{padding-top:var(--cvt-space-8);border-top:1px solid var(--cvt-border-subtle)}
.mk-release__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cvt-space-1) var(--cvt-space-4);margin-bottom:var(--cvt-space-4)}
.mk-release__head h3{margin:0}
.mk-release__date{color:var(--cvt-text-secondary);font-size:var(--cvt-type-body-size)}
.mk-changes{display:grid;gap:var(--cvt-space-3);margin:0;padding:0;list-style:none}
.mk-change{display:grid;grid-template-columns:1fr;justify-items:start;gap:var(--cvt-space-1)}
.mk-change p{margin:0;color:var(--cvt-text-secondary);font-size:var(--cvt-type-body-size);line-height:1.6}
.mk-kind{min-width:72px;justify-content:center;background:var(--cvt-bg-brand-soft);color:var(--cvt-text-brand-soft)}
.mk-kind--fix{background:var(--cvt-status-success-bg);color:var(--cvt-status-success-fg)}
.mk-kind--faster{background:var(--cvt-bg-accent-soft);color:var(--cvt-text-label-accent)}
.mk-releases__note,.mk-releases__empty{margin:0 0 var(--cvt-space-6);color:var(--cvt-text-secondary)}
@media (min-width:600px){.mk-change{grid-template-columns:7rem 1fr;align-items:baseline;gap:var(--cvt-space-4)}}
@media (max-width:599px){.mk-step{padding-left:var(--cvt-space-5);padding-top:calc(var(--cvt-space-5) + 32px + var(--cvt-space-3))}}
@media (min-width:900px){.mk-article{padding-bottom:var(--cvt-space-16)}}
/* Legal pages and the document check (Privacy, Terms, AI transparency, Verify).
   The localized legal text in templates/legal/ keeps its own classes
   (page-header, meta, highlight-box, cta-card, cta-link, facts, scroll-x), so
   they are restyled here, scoped to .mk-legal, and the text is untouched. */
.mk-legal{padding:var(--cvt-space-8) 0 var(--cvt-space-12)}
.mk-legal__inner{max-width:var(--cvt-size-reading-max)}
.mk-legal .page-header{margin:0 0 var(--cvt-space-8);padding:0 0 var(--cvt-space-5);border-bottom:1px solid var(--cvt-border-subtle)}
.mk-legal .page-header h1{margin:0 0 var(--cvt-space-2);font-family:var(--cvt-font-display);font-weight:700;font-size:clamp(32px,8vw,44px);line-height:1.05;letter-spacing:var(--cvt-type-display-1-tracking);hyphens:auto;overflow-wrap:break-word;text-wrap:balance;color:var(--cvt-text-primary)}
.mk-legal .page-header .meta{color:var(--cvt-text-secondary);font-size:15px}
.mk-legal h2{margin:var(--cvt-space-10) 0 var(--cvt-space-3);font:700 22px/1.25 var(--cvt-font-ui);color:var(--cvt-text-primary)}
.mk-legal p,.mk-legal li{margin:0 0 var(--cvt-space-3);color:var(--cvt-text-secondary);font-size:16px;line-height:1.65}
.mk-legal ul,.mk-legal ol{margin:0 0 var(--cvt-space-3);padding-left:var(--cvt-space-5)}
.mk-legal li{margin-bottom:var(--cvt-space-2)}
.mk-legal strong{color:var(--cvt-text-primary)}
.mk-legal a{color:var(--cvt-text-link);font-weight:600;text-underline-offset:3px}
.mk-legal .highlight-box{margin:var(--cvt-space-6) 0;padding:var(--cvt-space-4) var(--cvt-space-5);border-left:3px solid var(--cvt-bg-brand);border-radius:0 var(--cvt-radius-md) var(--cvt-radius-md) 0;background:var(--cvt-bg-sunken);color:var(--cvt-text-primary);font-size:16px;line-height:1.6}
.mk-legal .translation-note{margin:0 0 var(--cvt-space-6);padding:var(--cvt-space-3) var(--cvt-space-4);border:1px solid var(--cvt-border-subtle);border-radius:var(--cvt-radius-md);background:var(--cvt-bg-sunken);color:var(--cvt-text-secondary);font-size:15px}
.mk-legal .cta-card{margin:var(--cvt-space-6) 0;padding:var(--cvt-space-5);border:1px solid var(--cvt-border-subtle);border-radius:var(--cvt-radius-lg);background:var(--cvt-bg-surface)}
.mk-legal .cta-card p{margin:0 0 var(--cvt-space-4)}
.mk-legal a.cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cvt-size-control-md);min-width:var(--cvt-size-touch-min);padding:0 var(--cvt-space-5);border-radius:var(--cvt-radius-md);background:var(--cvt-action-primary-bg);color:var(--cvt-action-primary-fg);font-weight:600;text-decoration:none}
.mk-legal a.cta-link:hover{background:var(--cvt-action-primary-bg-hover)}
.mk-legal a.cta-link:active{background:var(--cvt-action-primary-bg-pressed)}
.mk-legal .scroll-x{overflow-x:auto}
.mk-legal table.facts{width:100%;margin:var(--cvt-space-4) 0 var(--cvt-space-5);border-collapse:collapse;font-size:15px;color:var(--cvt-text-secondary)}
.mk-legal table.facts th,.mk-legal table.facts td{padding:var(--cvt-space-2) var(--cvt-space-3);border-bottom:1px solid var(--cvt-border-subtle);text-align:left;vertical-align:top}
.mk-legal table.facts th{width:38%;color:var(--cvt-text-primary);font-weight:700}
.mk-legal code{overflow-wrap:anywhere}

/* Document check (Verify) */
.mk-check{margin:var(--cvt-space-6) 0;padding:var(--cvt-space-5);border:1px solid var(--cvt-border-subtle);border-radius:var(--cvt-radius-lg);background:var(--cvt-bg-surface)}
.mk-check .cvt-field__label{display:block;margin:0 0 var(--cvt-space-2);color:var(--cvt-text-primary);font-weight:600}
.mk-check .mk-check__hint{margin:0 0 var(--cvt-space-3);color:var(--cvt-text-secondary);font-size:15px}
.mk-check input[type="file"]{display:block;width:100%;margin:0 0 var(--cvt-space-4);padding:var(--cvt-space-3);border:1px solid var(--cvt-border-control);border-radius:var(--cvt-radius-md);background:var(--cvt-bg-canvas);color:var(--cvt-text-secondary);font:inherit;font-size:16px}
.mk-check input[type="file"]::file-selector-button{min-height:var(--cvt-size-touch-min);margin-right:var(--cvt-space-3);padding:0 var(--cvt-space-4);border:1px solid var(--cvt-border-control);border-radius:var(--cvt-radius-sm);background:var(--cvt-bg-surface);color:var(--cvt-text-primary);font:inherit;font-weight:600;cursor:pointer}
.mk-result{display:grid;grid-template-columns:auto 1fr;gap:var(--cvt-space-3);margin:var(--cvt-space-6) 0;padding:var(--cvt-space-4) var(--cvt-space-5);border:1px solid;border-radius:var(--cvt-radius-md)}
.mk-result svg{width:20px;height:20px;margin-top:3px}
.mk-result p{margin:0 0 var(--cvt-space-1);color:var(--cvt-text-primary);font-size:16px}
.mk-result .mk-result__title{font-weight:700}
.mk-result--found{background:var(--cvt-status-success-bg);color:var(--cvt-status-success-fg);border-color:color-mix(in srgb,var(--cvt-status-success-fg) 30%,var(--cvt-status-success-bg))}
.mk-result--absent{background:var(--cvt-status-warning-bg);color:var(--cvt-status-warning-fg);border-color:color-mix(in srgb,var(--cvt-status-warning-fg) 30%,var(--cvt-status-warning-bg))}
.mk-result dl{margin:var(--cvt-space-3) 0 0;font-size:15px;color:var(--cvt-text-secondary)}
.mk-result dl div{display:flex;flex-wrap:wrap;gap:var(--cvt-space-2);margin-bottom:var(--cvt-space-1)}
.mk-result dt{margin:0;font-weight:700;color:var(--cvt-text-primary)}
.mk-result dd{margin:0;overflow-wrap:anywhere}
@media (max-width:599px){.mk-check .cvt-btn{width:100%}}
@media (min-width:900px){.mk-legal{padding-bottom:var(--cvt-space-16)}}