/* Consular notification · tone: sky · requires site design tokens. */
.cons-card{box-sizing:border-box;min-width:0;max-width:100%;margin-block:28px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:var(--r3);background:var(--p-sky);color:var(--p-sky-ink);box-shadow:var(--sh);font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.cons-card *{box-sizing:border-box}
.cons-card .cons-tag{display:flex;align-items:center;gap:10px;margin:0;font-size:12.5px;font-weight:600;letter-spacing:.1em}
.cons-card .cons-icon{width:26px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.cons-card .cons-title{margin:18px 0 20px;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.015em;color:var(--p-sky-ink)}
.cons-card .cons-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.cons-card .cons-step{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;margin:0;padding:14px 0;border-top:1px dashed var(--line)}
.cons-card .cons-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:12.5px;font-weight:600}
.cons-card .cons-step p{margin:0;font-size:16px;line-height:1.6;color:inherit}
.cons-card .cons-step strong{display:block;font-weight:600;color:inherit}
.cons-card .cons-limit{margin:10px 0 18px;padding:16px;border-top:1px dashed var(--p-rose-ink);border-radius:0 0 var(--r) var(--r);background:var(--p-rose);color:var(--p-rose-ink);font-size:14px;line-height:1.6}
.cons-card .cons-limit strong{color:inherit;font-weight:600}
.cons-card .cons-cites{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.cons-card .cons-cite{display:inline-block;max-width:100%;padding:4px 9px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--p-sky-ink);font-size:12.5px;font-weight:600;line-height:1.5;white-space:normal}

/* Procedural comparison · fixed grey / mint pair. */
.unlike-card{box-sizing:border-box;min-width:0;max-width:100%;margin-block:28px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:var(--r3);background:var(--bg);color:var(--body-2);font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.unlike-card *{box-sizing:border-box}
.unlike-card .unlike-tag{margin:0 0 8px;color:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.1em}
.unlike-card .unlike-title{margin:0 0 22px;color:var(--ink);font-size:22px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.unlike-card .unlike-grid{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:stretch}
.unlike-card .unlike-panel{min-width:0;padding:20px;border-radius:var(--r2)}
.unlike-card .unlike-panel--expected{border:1px dashed var(--line);background:var(--bg-2);color:var(--body)}
.unlike-card .unlike-panel--actual{border:1px solid var(--p-mint-ink);background:var(--p-mint);color:var(--p-mint-ink)}
.unlike-card .unlike-label{margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.5;color:inherit}
.unlike-card .unlike-copy{margin:0;font-size:16px;line-height:1.65;color:inherit}
.unlike-card .unlike-sign{display:grid;place-items:center;color:var(--body-2);font-size:28px;font-weight:400}
.unlike-card .unlike-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--line);color:var(--body);font-size:14px}
.unlike-card .unlike-cite{display:inline-block;max-width:100%;padding:4px 9px;border:1px solid var(--line);border-radius:var(--r);background:var(--p-mint);color:var(--p-mint-ink);font-size:12.5px;font-weight:600;line-height:1.5;white-space:normal}
@media(max-width:760px){.unlike-card .unlike-grid{grid-template-columns:minmax(0,1fr)}.unlike-card .unlike-sign{min-height:40px}.unlike-card .unlike-panel{padding:18px}}

/* Bilingual phrase · sand paper strip; optional pronunciation line. */
.say-card{box-sizing:border-box;position:relative;min-width:0;max-width:100%;margin-block:28px;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-left:8px solid var(--p-sand);border-radius:var(--r2);background:var(--paper);color:var(--body-2);box-shadow:var(--sh);font-family:Figtree,system-ui,sans-serif;line-height:1.6;overflow-wrap:anywhere}
.say-card *{box-sizing:border-box}
.say-card .say-tag{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--p-sand-ink);font-size:12.5px;font-weight:600;letter-spacing:.1em}
.say-card .say-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.say-card .say-en{margin:0 0 18px;color:var(--body-2);font-size:17px;font-weight:400;line-height:1.65}
.say-card .say-tr{margin:0;padding-top:18px;border-top:1px dashed var(--line);color:var(--ink);font-size:19px;font-weight:600;line-height:1.65;letter-spacing:-.01em}
.say-card .say-pronunciation{margin:10px 0 0;color:var(--body);font-family:Newsreader,Georgia,serif;font-size:17px;font-style:italic;font-weight:400;line-height:1.6}
.say-card .say-help{margin:24px 0 10px;color:var(--body);font-size:14px;line-height:1.6}
.say-card .say-foot{margin:0}
.say-card .say-cite{display:inline-block;max-width:100%;padding:4px 9px;border:1px solid var(--line);border-radius:var(--r);background:var(--p-sand);color:var(--p-sand-ink);font-size:12.5px;font-weight:600;line-height:1.5;white-space:normal}

/* One deadline, no timer or JavaScript. Variants: sand / teal / rose. */
.dl-strip{--dl-bg:var(--p-sand);--dl-ink:var(--p-sand-ink);box-sizing:border-box;min-width:0;max-width:100%;margin-block:28px;padding:15px 20px 13px;border:1px solid var(--line);border-radius:var(--r2);background:var(--dl-bg);color:var(--dl-ink);font-family:Figtree,system-ui,sans-serif;line-height:1.5;overflow-wrap:anywhere}
.dl--sand{--dl-bg:var(--p-sand);--dl-ink:var(--p-sand-ink)}
.dl--teal{--dl-bg:var(--p-teal);--dl-ink:var(--p-teal-ink)}
.dl--rose{--dl-bg:var(--p-rose);--dl-ink:var(--p-rose-ink)}
.dl-strip *{box-sizing:border-box}
.dl-strip .dl-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
.dl-strip .dl-duration{min-width:0;margin:0;color:inherit;font-family:Newsreader,Georgia,serif;font-size:34px;font-weight:400;font-style:italic;line-height:1.15}
.dl-strip .dl-origin{min-width:0;margin:0;color:inherit;font-size:16px;line-height:1.5}
.dl-strip .dl-label{display:block;margin:0 0 2px;font-size:12.5px;font-weight:600;letter-spacing:.06em}
.dl-strip .dl-start{font-weight:600;color:inherit}
.dl-strip .dl-cite{display:inline-block;max-width:180px;margin:0;padding:4px 9px;border:1px solid currentColor;border-radius:var(--r);background:var(--bg);color:var(--dl-ink);font-size:12.5px;font-weight:600;line-height:1.5;white-space:normal}
.dl-strip .dl-track{display:flex;align-items:center;gap:0;margin:10px 0 0;color:var(--dl-ink)}
.dl-strip .dl-track::before,.dl-strip .dl-track::after{content:"";display:block;width:8px;height:8px;flex:none;border:1px solid currentColor;border-radius:50%}
.dl-strip .dl-track::before{background:currentColor}
.dl-strip .dl-track::after{background:var(--dl-bg)}
.dl-strip .dl-line{flex:1;border-top:1px dashed currentColor}
@media(max-width:760px){.dl-strip{padding:16px}.dl-strip .dl-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.dl-strip .dl-origin{grid-column:1 / -1;grid-row:2}.dl-strip .dl-cite{max-width:120px}.dl-strip .dl-duration{font-size:30px}}

/* Border issues · status always communicated with a shape AND words. */
.brd-card{box-sizing:border-box;min-width:0;max-width:100%;margin-block:28px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:var(--r3);background:var(--bg);color:var(--body-2);font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.brd-card *{box-sizing:border-box}
.brd-card .brd-tag{margin:0 0 8px;color:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.1em}
.brd-card .brd-title{margin:0 0 20px;color:var(--ink);font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.02em}
.brd-card .brd-list{margin:0;padding:0;list-style:none}
.brd-card .brd-row{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(0,1.7fr) minmax(70px,.7fr) minmax(120px,1fr);gap:14px;align-items:start;margin:0;padding:18px 0;border-top:1px dashed var(--line)}
.brd-card .brd-name{margin:0;min-width:0;color:var(--ink);font-size:16px;font-weight:600;line-height:1.5}
.brd-card .brd-result{margin:0;min-width:0;font-size:16px;line-height:1.6;color:var(--body-2)}
.brd-card .brd-cite{display:inline-block;justify-self:start;max-width:100%;padding:4px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);color:var(--body-2);font-size:12.5px;font-weight:600;line-height:1.5;white-space:normal}
.brd-card .brd-status{display:flex;gap:8px;align-items:flex-start;min-width:0;font-size:12.5px;font-weight:600;line-height:1.5}
.brd-card .brd-status--blocks{color:var(--alarm)}
.brd-card .brd-status--may{color:var(--p-sand-ink)}
.brd-card .brd-status--clear{color:var(--green)}
.brd-card .brd-dot{position:relative;display:inline-block;flex:none;width:12px;height:12px;margin-top:3px;border:1.5px solid currentColor;border-radius:50%;overflow:hidden}
.brd-card .brd-status--blocks .brd-dot{background:currentColor}
.brd-card .brd-status--may .brd-dot::before{content:"";position:absolute;inset:0 50% 0 0;background:currentColor}
.brd-card .brd-note{margin:4px 0 0;padding:16px;border-top:1px dashed var(--line);border-radius:0 0 var(--r) var(--r);background:var(--p-sand);color:var(--p-sand-ink);font-size:14px;line-height:1.65}
@media(max-width:900px){.brd-card .brd-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}.brd-card .brd-name{grid-column:1}.brd-card .brd-result{grid-column:1 / -1;grid-row:2}.brd-card .brd-cite{grid-column:1;grid-row:3}.brd-card .brd-status{grid-column:2;grid-row:3;max-width:135px}}
