.example-navigation { display:flex; justify-content:space-between; gap:16px; max-width:920px; margin:0 auto 20px; padding:0 16px; font:700 13px/1.5 var(--font-body); }
.example-navigation a { color:var(--viva-abissal); text-decoration:none; }
.example-label { display:inline-block; padding:7px 12px; margin-bottom:22px; border:1px solid #ffffff60; border-radius:999px; font:700 11px/1.4 var(--font-body); text-transform:uppercase; letter-spacing:.08em; }
.example-context { position:relative; z-index:2; margin-top:24px; max-width:660px; padding:14px; border:1px solid #ffffff40; border-radius:10px; font-size:13px; line-height:1.65; background:#16354780; }
.example-plan-note { padding:14px; border:1px solid var(--viva-line); border-radius:10px; background:var(--viva-paper); font-size:13px; line-height:1.6; margin-bottom:20px; }
.example-help { padding:30px; background:var(--viva-paper); scroll-margin-top:70px; }
.example-help h2 { font:600 22px/1.3 var(--font-display); margin-bottom:12px; }
.example-help p { font-size:14px; line-height:1.7; margin-bottom:16px; }
.example-help a { color:var(--viva-abissal); font-weight:700; }
.ctv .ctn { font-size:22px; }
:focus-visible { outline:3px solid #168b75; outline-offset:4px; }
@media(max-width:600px) { .example-navigation { font-size:11px; margin-top:0; } .example-context { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media print { .example-navigation,.example-help,.fnav,.fdots {display:none} .reveal{opacity:1!important;transform:none!important} .fcards{display:grid;overflow:visible;grid-template-columns:1fr 1fr}.fcard{width:auto!important;break-inside:avoid}.fdelta{height:auto}.doc{width:100%} }

.sig { display:grid; grid-template-columns:minmax(0,1fr) 80px; gap:14px; align-items:center; padding-top:12px; margin-top:14px; }
.signature-portrait { grid-column:2; grid-row:1; display:block; width:80px; height:80px; border-radius:50%; object-fit:cover; object-position:center 35%; border:2px solid var(--viva-menta); }
.sig .signature-details { grid-column:1; grid-row:1; display:grid; gap:2px; }
.sig .signature-details strong { font-size:17px; line-height:1.3; margin:0; }
.sig .signature-details span { display:block; font-size:13px; line-height:1.25; }
@media(max-width:600px) { .doc { width:calc(100% - 16px); } .example-navigation {gap:12px;flex-wrap:wrap;} .sig {grid-template-columns:minmax(0,1fr) 64px;gap:12px;} .signature-portrait {width:64px;height:64px;} .sig .signature-details strong {font-size:15px;} .sig .signature-details span {font-size:12px;} }