/* Carlo Hennsa document showcase · extension to Carlo_Document_Theme.css
   Static, self-hostable; using a blue-and-gold colour family, not official branding. */
:root{--canvas:#edf2f6;--sample-accent:#145e97}
body{background:var(--canvas)}
.brandmark{font-size:12px;letter-spacing:.03em}
.header-inner a.btn{text-decoration:none}
.nav-item{transition:background .15s,color .15s}
.hero-meta-note{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a9cee6;font-weight:800}
.hero-meta-note:before{content:"";display:block;width:24px;height:2px;background:var(--gold)}
.cover .cover-meta .sample-flag{color:#f0d99c}
.feature-chip{display:inline-block;font-size:10px;font-weight:750;letter-spacing:.045em;background:#eaf3f9;border:1px solid #d1e3ee;color:var(--navy);padding:4px 9px;border-radius:3px;margin:0 4px 6px 0}
.mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:19px 0}
.mini-card{min-width:0;border:1px solid var(--line);background:#fff;padding:19px 20px;border-top:4px solid var(--blue)}
.mini-card:nth-child(2){border-top-color:var(--bright)}.mini-card:nth-child(3){border-top-color:var(--gold)}
.mini-card .eyebrow{color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em}
.mini-card h3{margin:12px 0 8px;font-size:18px}.mini-card p{font-size:12px;color:var(--muted);margin:0 0 14px}.mini-card a{text-decoration:none;font-size:12px;font-weight:800}
.mini-card a:hover{text-decoration:underline}
.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:22px 0}
.swatch{border:1px solid var(--line);background:#fff;overflow:hidden}.swatch-color{height:58px}.swatch .meta{padding:9px;font-size:10px;font-family:Consolas,monospace;color:var(--muted)}.swatch .meta strong{display:block;font-family:'Segoe UI',Arial,sans-serif;color:var(--navy2);font-size:10px}
.sample-kicker{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.15em;color:var(--blue)}
.link-row{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0 0}.link-row a{text-decoration:none}
.link-row a.btn{display:inline-flex;align-items:center;gap:7px}
.hero-sub{color:#cfe2f0!important}
.block-title{font-size:20px;margin:21px 0 12px;color:var(--navy2)}
.flow-diagram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:16px;margin:18px 0}
.flow-node{background:#f6fafd;border:1px solid #bfd5e5;min-height:125px;padding:16px 12px;position:relative}
.flow-node b{font-size:13px;color:var(--navy2)}.flow-node small{display:block;color:var(--muted);font-size:11px;margin-top:9px;line-height:1.5}
.flow-node:not(:last-child):after{content:'→';position:absolute;right:-17px;top:42%;font-size:20px;color:var(--blue);z-index:1}
.flow-node.emphasis{background:var(--navy);border-color:var(--navy);color:white}.flow-node.emphasis b{color:white}.flow-node.emphasis small{color:#d6e7f2}
.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kv{padding:16px;border:1px solid var(--line);background:#f9fbfd}.kv small{display:block;color:var(--blue);font-size:9px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.kv strong{display:block;margin-top:5px;font-size:14px;color:var(--navy2)}.kv p{font-size:11px;margin:5px 0 0}
.status-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.status-tag{font-size:10px;font-weight:800;letter-spacing:.04em;padding:5px 10px;border-radius:3px;border:1px solid #d5e5ee;background:#eef6fb;color:var(--navy)}.status-tag.gold{color:#795c22;border-color:#ebdbb2;background:#f9f3e5}.status-tag.red{color:var(--red);background:var(--red-bg);border-color:#e8c7ce}
.code-panel{background:#102e49;color:#e0edf6;padding:18px 21px;margin:18px 0;overflow-x:auto;border-left:4px solid var(--gold)}.code-panel pre{margin:0;font-family:Consolas,'Courier New',monospace;font-size:11px;line-height:1.75;white-space:pre}
.a4-footer-note{font-size:11px;color:var(--muted)}
.sample-label{display:inline-block;background:#f9efda;color:#785e28;border:1px solid #dbca9c;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-radius:2px}
.showcase-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.showcase-head h3{margin:0;font-size:20px}
.doc-section p.lead{font-size:16px;line-height:1.72;max-width:760px}
.adr-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);padding:16px;margin:13px 0 23px}
.adr-heading strong{font-size:18px;color:var(--navy2)}.adr-heading small{font-size:11px;color:var(--muted)}
.site-legal{font-size:11px;color:var(--muted);line-height:1.6;margin:0}
@media(max-width:1100px){.palette{grid-template-columns:repeat(3,1fr)}.mini-cards{grid-template-columns:1fr}.flow-diagram{grid-template-columns:repeat(2,1fr)}.flow-node:after{display:none}}
@media(max-width:760px){.palette{grid-template-columns:repeat(2,1fr)}.flow-diagram,.kv-grid{grid-template-columns:1fr}.header-actions .btn.secondary-action{display:none}.hero-meta-note{font-size:9px}.mini-cards{grid-template-columns:1fr}}
@page{size:A4;margin:17mm 16mm 17mm 16mm;@bottom-left{content:'Carlo Hennsa  |  Illustrative document';font:8px Arial;color:#6e8191}@bottom-right{content:counter(page);font:9px Arial;color:#4a718a}}
@media print{
 .header,.top-rule,.side,.no-print{display:none!important}
 .cover{min-height:268mm!important;margin:-17mm -16mm 9mm!important;padding:25mm 21mm 18mm!important;page-break-after:always}
 .cover h1{font-size:42px!important}.cover-desc{font-size:15px!important}.cover-meta{margin-top:42px!important}
 .doc-section{padding:11px 0 16px!important}
 .flow-diagram{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-node{min-height:110px;padding:9px}.flow-node small{font-size:8px}.flow-node b{font-size:10px}.flow-node:after{display:none}
 .palette{grid-template-columns:repeat(6,1fr)}.mini-cards{grid-template-columns:repeat(3,1fr)}
 .kv-grid{grid-template-columns:repeat(2,1fr)}.note,.mini-card,.kv,.adr-heading,.code-panel,.flow-node{break-inside:avoid-page}
 .code-panel pre{white-space:pre-wrap;font-size:8px}
 .issues-table{min-width:0}
 .footer{display:none!important}
 a[href]:after{content:none!important}
}

/* v1.1: Four example cards and test-plan matrix */
.mini-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.doc-section .issues-table td{overflow-wrap:anywhere}
@media(max-width:760px){.mini-cards{grid-template-columns:1fr}}
@media print{.mini-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.issues-table td,.issues-table th{overflow-wrap:anywhere}}