/* Projection of Design's CredibilityFamily.dc.html; responsive behavior per corrected handoff. */
*{box-sizing:border-box}html{background:#F4ECDF;color:#1A1814;-webkit-font-smoothing:antialiased}body{margin:0;font:400 18px/1.6 'Source Serif 4',Georgia,serif}a{color:#8E4A30;text-underline-offset:.2em}a:hover{color:#B5694A}a:focus-visible,button:focus-visible{outline:3px solid #8E4A30;outline-offset:4px}.skip{position:absolute;top:-100px;left:16px;background:#F4ECDF;padding:12px;z-index:10}.skip:focus{top:10px}.cred-nav{max-width:1080px;margin:auto;padding:20px 28px;border-bottom:1px solid rgba(26,24,20,.12);display:flex;justify-content:space-between;gap:20px;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em}.cred-nav a{display:inline-flex;align-items:center;min-height:44px}.cred-main{max-width:1080px;margin:auto;padding:48px 48px 72px}.cred-main.detail{max-width:960px}.eyebrow{display:flex;align-items:center;gap:10px;font:10.5px/1.5 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#8E4A30}.eyebrow:before{content:'';width:24px;height:1px;background:#B5694A;flex:none}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.12;letter-spacing:-.012em}h1{font-size:clamp(2rem,4vw,2.8rem);max-width:24ch;margin:14px 0 18px}h2{font-size:1.55rem;margin:12px 0 8px}h2 a{color:inherit;text-decoration:none}.promise{max-width:68ch;color:#3F392F;margin:0 0 34px}.cred-card{padding:26px 0;border-bottom:1px solid rgba(26,24,20,.12);display:grid;gap:16px}.cred-card p{margin:0 0 10px;max-width:68ch}.cred-meta{font:11px/1.8 'IBM Plex Mono',monospace;color:#6B6354;overflow-wrap:anywhere}.cred-meta time{color:#1A1814}.tag{display:inline-block;font:9.5px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#8E4A30;background:#E9DFCD;border:1px solid rgba(181,105,74,.3);padding:4px 8px;border-radius:2px}.shelf{border-top:2px solid currentColor;padding-top:16px;margin-top:26px;font:500 1.15rem/1.4 'Playfair Display',Georgia,serif}.shelf:before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:#8E4A30;margin-right:12px}.shelf.referral:before{background:none;border:1.5px solid currentColor}.cred-card .shelf{border-top:1px solid rgba(26,24,20,.15);font:11px/1.8 'IBM Plex Mono',monospace;padding-top:10px;margin-top:10px}.byline{display:flex;gap:14px;align-items:center;border-block:1px solid rgba(26,24,20,.15);padding:14px 0 18px;margin-bottom:28px}.byline img{width:64px;height:auto}.byline b{font-weight:500;color:inherit}.funnel{margin-block:28px}.funnel section{background:#FCF7ED;border:1px dashed rgba(26,24,20,.35);padding:16px;margin-top:18px;max-width:100%}.funnel section:nth-child(2){width:92%}.funnel section:nth-child(3){width:84%}.funnel section:nth-child(4){width:76%}.funnel h2,.rail h2{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#6B6354;margin:0 0 8px}.funnel p{margin:0;max-width:72ch}.rail{margin-top:26px}.rail ul{list-style:none;padding:0;display:grid;gap:8px}.rail a,.door{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}.rail li{padding-left:14px;border-left:1px solid rgba(26,24,20,.26);font:12px/1.6 'IBM Plex Mono',monospace}.turn{margin-top:30px;max-width:68ch}.door{border:1px solid currentColor;padding:10px 16px;text-decoration:none;font:12px/1.6 'IBM Plex Mono',monospace}.record-end{border-top:1px solid rgba(26,24,20,.12);margin-top:36px;padding-top:16px;font:10px/1.7 'IBM Plex Mono',monospace;overflow-wrap:anywhere}.escalation{background:#14100B;color:#F5F2EC;padding:28px}.escalation a,.escalation .eyebrow{color:#E3B558}.escalation h2 a{color:#F5F2EC}.escalation .cred-meta,.escalation .promise{color:#C9C4B8}.escalation time{color:#F5F2EC}.escalation .tag{background:#E3B558;color:#14100B}.escalation .shelf:before{background:#E3B558}.escalation .funnel section{background:transparent;border-color:#766b59}.escalation .funnel h2,.escalation .rail h2{color:#C9C4B8}.escalation .byline,.escalation .record-end{border-color:#766b59}.empty{border-top:1px solid rgba(26,24,20,.26);padding-top:34px;font:12px/1.8 'IBM Plex Mono',monospace;color:#6B6354}.pagination{display:flex;gap:20px;margin-top:24px}.pagination button{min-height:44px;font:inherit;background:transparent;border:1px solid currentColor;padding:8px 18px}.pagination[hidden],[hidden]{display:none!important}@media(min-width:961px){.cred-card{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.cred-card>.cred-meta{text-align:right}}@media(max-width:640px){.cred-nav{padding:12px 20px}.cred-card h2 a{display:block;min-height:44px}.byline{align-items:flex-start}.record-end{font-size:10px}}@media print{.cred-nav,.skip,footer,.pagination{display:none}body,.escalation{background:white;color:black}.cred-main{max-width:none;padding:0}.escalation a{color:black}.funnel section{break-inside:avoid}.record-end{display:block}a[href^='https']:after{content:' (' attr(href) ')';font:10px monospace}}

/* Explicit publication ground overrides the inherited instrument-body default. */
body{background:#F4ECDF;color:#1A1814}h1,h2,h3{color:inherit}.eyebrow{overflow-wrap:anywhere;min-width:0}.eyebrow:before{flex-shrink:0}.cred-main,.cred-card>div{min-width:0}.mast{background:#F4ECDF;border-bottom:1px solid rgba(26,24,20,.12)}.mast__in{max-width:1080px;margin:auto;padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.mast__word{font:600 18px/1.3 "Playfair Display",Georgia,serif;color:#1A1814;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}.mast__bug{width:21px;height:21px;color:#B5694A}.mast__word .amp{font-family:Allura,cursive;font-size:1.5em;color:#B5694A}.mast__nav{display:flex;gap:24px}.mast__nav a{font:11px/1.5 "IBM Plex Mono",monospace;display:inline-flex;align-items:center;min-height:44px;color:#3F392F}.mast__cta{display:none!important}@media(max-width:760px){.mast__nav{display:none}.mast__in{padding:12px 20px}}@media print{.mast{display:none}}
.cred-page--dark{background:#2B2926;color:#C9C4B8}.cred-page--dark .cred-nav{border-bottom-color:rgba(255,255,255,.12)}.cred-page--dark .cred-nav a{color:#E3B558}.cred-page--dark .cred-main{background:#F4ECDF;color:#1A1814;min-height:420px}

/* Literal content-frame metrics and instruments from CredibilityFamily. Site
   chrome stays shared; responsive stacking follows the filed handoff. */
.cred-main,.cred-main.detail{max-width:720px;padding:44px 48px 48px}.cred-main h1{font-size:2.2rem;line-height:1.1;margin:14px 0 10px;max-width:22ch}.cred-main.detail h1{font-size:2.1rem;margin:16px 0 18px;max-width:24ch}.promise{font-size:1.1rem;line-height:1.6;max-width:56ch;margin:0 0 34px}.cred-card h2{font-size:1.45rem;line-height:1.2;margin:12px 0 8px}.cred-card p{font-size:.98rem;line-height:1.55;max-width:52ch}.cred-card .cred-meta,.cred-card p.cred-meta{font:400 10.5px/1.6 'IBM Plex Mono',monospace}.cred-card>.cred-meta{font-size:10px;line-height:1.8;letter-spacing:.04em}.cred-card.escalation{padding:26px 22px}.cred-card.escalation>div>p:not(.cred-meta){color:#C9C4B8}.cred-card .shelf{font-size:10px}.cred-card .shelf:before{width:9px;height:9px;margin-right:6px}.cred-detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.byline .cred-meta{font-size:10.5px;line-height:1.7;letter-spacing:.04em}.funnel{margin:28px 0 0}.funnel section{padding:14px 16px;margin:0}.funnel section:nth-of-type(2){width:88%}.funnel section:nth-of-type(3){width:76%}.funnel section:nth-of-type(4){width:64%}.funnel h2{font:400 9px/1 'IBM Plex Mono',monospace;letter-spacing:.14em;margin-bottom:8px}.funnel p{font-size:.98rem;line-height:1.5;color:#3F392F}.funnel section:first-child p{font-size:1.02rem}.funnel-arrow{text-align:center;font:400 14px/1 'IBM Plex Mono',monospace;color:#B5694A;margin:8px 0}.rail h2{font-size:9px;line-height:1;letter-spacing:.14em;color:#8E4A30;margin-bottom:10px}.rail--artifacts{margin-top:22px}.rail--artifacts ul{display:flex;gap:8px;flex-wrap:wrap}.rail--artifacts li{padding:0;border:0}.rail--artifacts a{font:400 10.5px/1.3 'IBM Plex Mono',monospace;letter-spacing:.04em;border:1px solid rgba(26,24,20,.25);padding:10px 12px;color:#1A1814;text-decoration:none}.record-end{margin-top:30px;padding-top:12px;font-size:9.5px;line-height:1.6}.detail>.escalation{padding:44px 48px 40px;margin:-44px -48px -48px}.detail>.escalation h1{font-size:2.3rem;line-height:1.08;max-width:20ch}.escalation .funnel p{color:#F5F2EC}.escalation .rail--artifacts a{color:#E3B558;border-color:rgba(245,242,236,.5)}.empty{font-size:11px;letter-spacing:.04em}
/* The supplied canvas uses unruled title and provenance links. Keep outlined
   artifact/door controls intact instead of inheriting the global link rule. */
.cred-card h2 a,.cred-nav a,.mast a,.rail:not(.rail--artifacts) a{border-bottom:0}.cred-card.escalation .shelf{border-color:rgba(245,242,236,.18);color:#E3B558}.detail>.escalation>.shelf{border-color:#E3B558}.escalation .eyebrow:before{background:#E3B558}

/* Exact source index declarations from CredibilityFamily.dc.html lines 29–33.
   Preserve compact tags and zero-margin provenance rather than allowing the
   generic paragraph/tag rules to enlarge the extracted cards. */
.cred-card .tag{font-weight:400;line-height:1}.cred-card.escalation .tag{font-weight:500;border:0}.cred-card p.cred-meta{margin:0}.cred-card .shelf{color:#1A1814}.cred-card.escalation .shelf{color:#E3B558}

/* 2026-09-24 Chat/Design: long deployment ids and URLs wrap instead of running off a phone screen. */
.cred-main p,.cred-main li,.record-end{overflow-wrap:anywhere}

/* The claim mark belongs to the Two Cents index and is generated with it. */
.cred-index-head{display:flex;flex-direction:column;gap:16px}
.cred-index-head>div{min-width:0}
.cred-source-mark{display:block;width:96px;height:96px;object-fit:contain;background:#1A1814;padding:10px}
@media(min-width:900px){.cred-index-head{flex-direction:row-reverse;justify-content:space-between;align-items:center}.cred-source-mark{width:132px;height:132px;flex:none}}