/* CreatorProof — front-end styles.
 * Colours come from Settings → Branding as --cpp-ink / --cpp-accent / --cpp-seal.
 * Typography inherits from your theme; hashes and IDs use a monospace face because they are machine strings.
 * Override anything from your theme: every selector is scoped under .cpp
 */
.cpp {
	--cpp-paper: #fff;
	--cpp-mist: #F3F5F7;
	--cpp-rule: #DCE1E7;
	--cpp-muted: #5B6675;
	--cpp-danger: #9B2C2C;
	--cpp-warn: #8A5A00;
	--cpp-radius: 6px;
	--cpp-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
	color: var(--cpp-ink);
	font-size: 1rem;
	line-height: 1.55;
	max-width: 980px;
	margin: 0 auto;
}
.cpp *, .cpp *::before, .cpp *::after { box-sizing: border-box; }
.cpp a { color: var(--cpp-accent); }
.cpp h2, .cpp h3, .cpp h4 { color: var(--cpp-ink); line-height: 1.25; margin: 0 0 .6em; }
.cpp h2 { font-size: 1.45rem; }
.cpp h3 { font-size: 1.12rem; }
.cpp p { margin: 0 0 .8em; }
.cpp-mono, .cpp code { font-family: var(--cpp-mono); font-size: .88em; }
.cpp-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cpp-hp { position: absolute; left: -9999px; }
.cpp-help { color: var(--cpp-muted); font-size: .9rem; }
.cpp-opt { color: var(--cpp-muted); font-weight: 400; font-size: .85em; }
.cpp-chip { display: inline-block; font-size: .75rem; padding: .1em .55em; border-radius: 99px; background: var(--cpp-mist); color: var(--cpp-ink); border: 1px solid var(--cpp-rule); vertical-align: middle; }
.cpp-avatar { width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; object-fit: cover; }

/* Buttons */
.cpp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .4em;
	font: inherit; font-weight: 600; font-size: .95rem; line-height: 1.2;
	padding: .7em 1.15em; min-height: 44px;
	border-radius: var(--cpp-radius); border: 1.5px solid var(--cpp-ink);
	background: var(--cpp-paper); color: var(--cpp-ink); text-decoration: none; cursor: pointer;
}
.cpp a.cpp-btn { color: var(--cpp-ink); text-decoration: none; }
.cpp-btn--primary, .cpp a.cpp-btn--primary { background: var(--cpp-ink); color: #fff; }
.cpp-btn--ghost { border-color: var(--cpp-rule); }
.cpp-btn--lg { font-size: 1.05rem; padding: .85em 1.4em; }
.cpp-btn:hover { filter: brightness(1.08); }
.cpp-btn:focus-visible, .cpp a:focus-visible, .cpp input:focus-visible, .cpp select:focus-visible, .cpp textarea:focus-visible, .cpp summary:focus-visible { outline: 3px solid var(--cpp-accent); outline-offset: 2px; }
.cpp-btn.is-busy { opacity: .6; cursor: progress; }
.cpp-link { background: none; border: 0; padding: 0; font: inherit; color: var(--cpp-accent); text-decoration: underline; cursor: pointer; }
.cpp-link--danger { color: var(--cpp-danger); }
.cpp-copy { font: inherit; font-size: .8rem; padding: .25em .7em; border: 1px solid var(--cpp-rule); background: var(--cpp-paper); border-radius: 4px; cursor: pointer; color: var(--cpp-ink); }
.cpp-inline { display: inline-flex; align-items: center; gap: .5em; flex-wrap: wrap; margin: 0; }
.cpp-actions { display: flex; flex-wrap: wrap; gap: .75em; margin-top: 1em; }

/* Notices */
.cpp-notice { padding: .8em 1em; border-radius: var(--cpp-radius); margin: 0 0 1em; border-left: 4px solid var(--cpp-accent); background: var(--cpp-mist); }
.cpp-notice--error { border-color: var(--cpp-danger); background: #FBEFEF; }
.cpp-notice--warn { border-color: var(--cpp-warn); background: #FBF5E8; }
.cpp-empty { padding: 1.5em; border: 1px dashed var(--cpp-rule); border-radius: var(--cpp-radius); color: var(--cpp-muted); }
.cpp-empty strong { color: var(--cpp-ink); }

/* Forms */
.cpp-form label { display: block; font-weight: 600; font-size: .92rem; }
.cpp-form input:not([type=checkbox]):not([type=radio]):not([type=file]), .cpp-form select, .cpp-form textarea, .cpp-verify__form input, .cpp-filterbar input, .cpp-filterbar select {
	display: block; width: 100%; margin-top: .3em; font: inherit; font-weight: 400;
	padding: .65em .75em; min-height: 44px; border: 1.5px solid var(--cpp-rule); border-radius: var(--cpp-radius); background: var(--cpp-paper); color: var(--cpp-ink);
}
.cpp-form textarea { min-height: 0; }
.cpp-form--narrow { max-width: 380px; }
.cpp-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1em; }
.cpp-check, .cpp-radio { display: flex !important; gap: .6em; align-items: flex-start; font-weight: 400 !important; margin: .5em 0; cursor: pointer; }
.cpp-check input, .cpp-radio input { margin-top: .3em; width: 18px; height: 18px; flex: none; accent-color: var(--cpp-ink); }
.cpp-check small { display: block; color: var(--cpp-muted); font-size: .85rem; }
.cpp-check--declare { padding: .9em 1em; background: var(--cpp-mist); border-radius: var(--cpp-radius); }
.cpp-step { border: 0; border-top: 1px solid var(--cpp-rule); padding: 1.2em 0 .4em; margin: 0; }
.cpp-step legend { font-weight: 700; font-size: 1.05rem; padding: 0 .5em 0 0; display: flex; align-items: center; gap: .5em; }
.cpp-step__n { display: inline-grid; place-items: center; width: 1.7em; height: 1.7em; border-radius: 50%; background: var(--cpp-ink); color: #fff; font-size: .8rem; }

.cpp-drop { position: relative; display: block !important; text-align: center; padding: 1.6em 1em; border: 2px dashed var(--cpp-rule); border-radius: var(--cpp-radius); background: var(--cpp-mist); cursor: pointer; }
.cpp-drop--slim { padding: 1em; }
.cpp-drop.is-over, .cpp-drop:focus-within { border-color: var(--cpp-accent); }
.cpp-drop.has-file { border-style: solid; border-color: var(--cpp-accent); background: var(--cpp-paper); }
.cpp-drop input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.cpp-drop__main { display: block; font-weight: 600; }
.cpp-drop__sub { display: block; color: var(--cpp-muted); font-weight: 400; font-size: .85rem; }
.cpp-drop__name { display: block; margin-top: .4em; font-weight: 400; font-family: var(--cpp-mono); font-size: .85rem; overflow-wrap: anywhere; }
.cpp-hashpreview { margin: .6em 0; padding: .6em .8em; border-left: 3px solid var(--cpp-accent); background: var(--cpp-mist); }
.cpp-hashpreview__label { display: block; font-size: .8rem; color: var(--cpp-muted); }
.cpp-hashpreview code { overflow-wrap: anywhere; }

/* Dashboard */
.cpp-dash__head { display: flex; justify-content: space-between; align-items: center; gap: 1em; flex-wrap: wrap; margin-bottom: 1em; }
.cpp-dash__brand { font-weight: 700; margin: 0; }
.cpp-dash__who { margin: 0; color: var(--cpp-muted); display: flex; align-items: center; gap: .5em; flex-wrap: wrap; }
.cpp-tabs { display: flex; gap: .2em; overflow-x: auto; border-bottom: 1px solid var(--cpp-rule); margin-bottom: 1.6em; scrollbar-width: thin; }
.cpp-tabs__item { padding: .7em .9em; white-space: nowrap; text-decoration: none !important; color: var(--cpp-muted) !important; border-bottom: 3px solid transparent; font-weight: 600; font-size: .93rem; }
.cpp-tabs__item.is-active { color: var(--cpp-ink) !important; border-color: var(--cpp-ink); }
.cpp-hello { display: flex; justify-content: space-between; align-items: center; gap: 1em; flex-wrap: wrap; margin-bottom: 1.4em; }
.cpp-hello__title { margin: 0; }
.cpp-hello__sub { margin: .2em 0 0; color: var(--cpp-muted); }
.cpp-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 0; margin: 0 0 2em; border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); overflow: hidden; }
.cpp-figures > div { padding: 1em 1.1em; border-right: 1px solid var(--cpp-rule); }
.cpp-figures > div:last-child { border-right: 0; }
.cpp-figures dt { font-size: .8rem; color: var(--cpp-muted); }
.cpp-figures dd { margin: 0; font-size: 1.6rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.cpp-figures--compact dd { font-size: 1.2rem; }
.cpp-section { margin: 0 0 2.2em; }
.cpp-section__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1em; }
.cpp-section--focus { padding: 1.2em; border: 2px solid var(--cpp-ink); border-radius: var(--cpp-radius); }
.cpp-filterbar { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: 1em; }
.cpp-filterbar input, .cpp-filterbar select { width: auto; flex: 1 1 160px; margin: 0; }

.cpp-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cpp-rule); }
.cpp-list__row { display: grid; grid-template-columns: minmax(0, 2.2fr) 1.2fr 1.5fr 3em 7em 7em; gap: .75em; align-items: center; padding: .8em .2em; border-bottom: 1px solid var(--cpp-rule); }
.cpp-list__title { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cpp-list__meta, .cpp-list__date, .cpp-list__ver { color: var(--cpp-muted); font-size: .88rem; }
.cpp-list__id { font-size: .8rem; color: var(--cpp-muted); }

.cpp-status { display: inline-block; font-size: .76rem; font-weight: 700; padding: .15em .6em; border-radius: 99px; background: var(--cpp-mist); color: var(--cpp-muted); white-space: nowrap; }
.cpp-status--verified, .cpp-status--c-confirmed, .cpp-status--d-acknowledged { background: #E3F0EC; color: var(--cpp-accent); }
.cpp-status--revoked, .cpp-status--suspended, .cpp-status--c-declined, .cpp-status--d-revoked { background: #FBEFEF; color: var(--cpp-danger); }
.cpp-status--flagged, .cpp-status--c-pending { background: #FBF5E8; color: var(--cpp-warn); }

/* Record */
.cpp-back { font-size: .9rem; }
.cpp-record__title { font-size: 1.8rem; margin-bottom: .2em; overflow-wrap: anywhere; }
.cpp-record__meta { color: var(--cpp-muted); display: flex; gap: .5em; align-items: center; flex-wrap: wrap; }
/* The ID plate: the one strong element of the interface. */
.cpp-idplate { display: inline-flex; align-items: center; gap: .9em; flex-wrap: wrap; margin: .6em 0 1.6em; padding: .7em 1em .7em .9em; border-left: 6px solid var(--cpp-accent); background: var(--cpp-ink); color: #fff; border-radius: 0 var(--cpp-radius) var(--cpp-radius) 0; }
.cpp-idplate__label { font-size: .75rem; opacity: .75; }
.cpp-idplate__id { font-family: var(--cpp-mono); font-size: clamp(1.1rem, 3.2vw, 1.6rem); font-weight: 600; letter-spacing: .02em; }
.cpp-idplate .cpp-copy { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }

.cpp-evidence { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 1.5em; padding: 1.3em; border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); }
.cpp-evidence__side { display: flex; flex-direction: column; gap: .6em; }
.cpp-evidence__side .cpp-btn { width: 100%; }
.cpp-kv { display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: .55em 1em; margin: 0; }
.cpp-kv dt { color: var(--cpp-muted); font-size: .88rem; }
.cpp-kv dd { margin: 0; overflow-wrap: anywhere; }
.cpp-kv--wide { grid-template-columns: 13em minmax(0, 1fr); }
.cpp-hashfull { overflow-wrap: anywhere; word-break: break-all; }
.cpp-qr { width: 100%; max-width: 210px; aspect-ratio: 1; background: #fff; }
.cpp-qr svg { width: 100%; height: 100%; display: block; }
.cpp-qr--sm { width: 112px; height: 112px; flex: none; }

.cpp-menu { position: relative; }
.cpp-menu summary { list-style: none; width: 100%; }
.cpp-menu summary::-webkit-details-marker { display: none; }
.cpp-menu__list { display: flex; flex-direction: column; border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); margin-top: .4em; background: var(--cpp-paper); }
.cpp-menu__list a { padding: .6em .8em; font-size: .88rem; border-bottom: 1px solid var(--cpp-rule); }
.cpp-menu__list a:last-child { border-bottom: 0; }

.cpp-versions { list-style: none; margin: 0 0 1em; padding: 0; counter-reset: none; }
.cpp-versions li { padding: .8em 0 .8em 1.2em; border-left: 2px solid var(--cpp-rule); position: relative; }
.cpp-versions li::before { content: ""; position: absolute; left: -6px; top: 1.1em; width: 10px; height: 10px; border-radius: 50%; background: var(--cpp-ink); }
.cpp-versions li:first-child::before { background: var(--cpp-accent); box-shadow: 0 0 0 3px #E3F0EC; }
.cpp-versions__head { display: flex; gap: .6em; flex-wrap: wrap; align-items: baseline; }
.cpp-versions__head time { color: var(--cpp-muted); font-size: .85rem; margin-left: auto; }
.cpp-versions__body { display: flex; gap: .4em 1em; flex-wrap: wrap; font-size: .9rem; color: var(--cpp-muted); }
.cpp-versions__note { flex-basis: 100%; }
.cpp-versions__links { display: inline-flex; gap: .8em; }

.cpp-disclose { border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); padding: 0 1em; margin: 1em 0; }
.cpp-disclose > summary { cursor: pointer; padding: .85em 0; font-weight: 600; }
.cpp-disclose[open] > summary { border-bottom: 1px solid var(--cpp-rule); margin-bottom: 1em; }

.cpp-people { list-style: none; margin: 0 0 1em; padding: 0; }
.cpp-people > li { padding: .8em 0; border-bottom: 1px solid var(--cpp-rule); display: flex; flex-direction: column; gap: .3em; }
.cpp-linkrow { display: flex; gap: .5em; align-items: center; flex-wrap: wrap; }
.cpp-linkrow input { flex: 1 1 260px; font-family: var(--cpp-mono); font-size: .8rem; padding: .45em .6em; border: 1px solid var(--cpp-rule); border-radius: 4px; background: var(--cpp-mist); color: var(--cpp-ink); }
.cpp-lifecycle { display: flex; flex-wrap: wrap; gap: .8em; align-items: center; margin: 1em 0; padding-top: 1em; border-top: 1px solid var(--cpp-rule); }
.cpp-lifecycle input { padding: .45em .6em; border: 1px solid var(--cpp-rule); border-radius: 4px; font: inherit; }
.cpp-lifecycle .cpp-help { flex-basis: 100%; margin: 0; }

.cpp-timeline { list-style: none; margin: 0; padding: 0; }
.cpp-timeline li { display: grid; grid-template-columns: 11em 1fr; gap: 1em; padding: .45em 0; border-bottom: 1px dotted var(--cpp-rule); font-size: .92rem; }
.cpp-timeline time { color: var(--cpp-muted); font-variant-numeric: tabular-nums; }

.cpp-certs { list-style: none; margin: 0; padding: 0; }
.cpp-certs__item { display: grid; grid-template-columns: 64px 1fr auto; gap: 1em; align-items: center; padding: .8em 0; border-bottom: 1px solid var(--cpp-rule); }
.cpp-certs__item .cpp-qr--sm { width: 64px; height: 64px; }

.cpp-photo { display: flex; gap: 1em; align-items: center; margin-bottom: 1em; }
.cpp-photo img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }

/* Plans */
.cpp-planbox { padding: 1.2em; border: 2px solid var(--cpp-ink); border-radius: var(--cpp-radius); }
.cpp-planbox__name { font-size: 1.3rem; font-weight: 700; }
.cpp-planbox__name span { font-size: .95rem; font-weight: 400; color: var(--cpp-muted); }
.cpp-meter { height: 8px; background: var(--cpp-mist); border-radius: 99px; overflow: hidden; margin: .2em 0 .8em; }
.cpp-meter span { display: block; height: 100%; background: var(--cpp-accent); }
.cpp-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em; }
.cpp-plan { padding: 1.2em; border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); display: flex; flex-direction: column; }
.cpp-plan.is-current { border: 2px solid var(--cpp-ink); }
.cpp-plan__name { margin: 0; }
.cpp-plan__price { font-size: 1.15rem; font-weight: 700; margin: .2em 0 .8em; }
.cpp-plan__list { margin: 0 0 1em; padding-left: 1.1em; font-size: .9rem; }
.cpp-plan__list li { margin: .25em 0; }
.cpp-plan__cta { margin-top: auto; }
.cpp-packs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8em; }
.cpp-packs li { padding: 1em; border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); display: flex; flex-direction: column; gap: .3em; }
.cpp-packs__n { font-weight: 700; }
.cpp-packs__p { color: var(--cpp-muted); }

/* Verify */
.cpp-verify__head { margin-bottom: 1.6em; }
.cpp-verify__brand { font-weight: 700; color: var(--cpp-muted); margin: 0; font-size: .9rem; }
.cpp-verify__title { font-size: 1.9rem; }
.cpp-verify__form { display: flex; gap: .5em; max-width: 640px; }
.cpp-verify__form input { margin: 0 !important; font-family: var(--cpp-mono) !important; text-transform: uppercase; }
.cpp-verify__form input::placeholder { text-transform: none; }
.cpp-result { border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); padding: 1.4em; margin-bottom: 1.4em; border-top: 6px solid var(--cpp-accent); }
.cpp-result--none, .cpp-result--info { border-top-color: var(--cpp-rule); }
.cpp-result--revoked { border-top-color: var(--cpp-danger); }
.cpp-result--flagged, .cpp-result--superseded, .cpp-result--archived { border-top-color: var(--cpp-warn); }
.cpp-result__top { display: flex; justify-content: space-between; gap: 1.2em; margin-bottom: 1em; }
.cpp-result__verdict { font-size: 1.6rem; font-weight: 800; margin: 0; color: var(--cpp-accent); }
.cpp-result--revoked .cpp-result__verdict { color: var(--cpp-danger); }
.cpp-result--none .cpp-result__verdict { color: var(--cpp-ink); }
.cpp-result--flagged .cpp-result__verdict, .cpp-result--superseded .cpp-result__verdict, .cpp-result--archived .cpp-result__verdict { color: var(--cpp-warn); }
.cpp-filecheck { margin-top: 1.4em; padding-top: 1.2em; border-top: 1px solid var(--cpp-rule); }
.cpp-filecheck--global { border: 1px solid var(--cpp-rule); border-radius: var(--cpp-radius); padding: 1.2em; }
.cpp-filecheck__out { margin-top: .8em; }
.cpp-filecheck__out.is-match { padding: .8em 1em; background: #E3F0EC; border-radius: var(--cpp-radius); }
.cpp-filecheck__out.is-nomatch { padding: .8em 1em; background: #FBEFEF; border-radius: var(--cpp-radius); }
.cpp-filecheck__verdict { font-weight: 800; letter-spacing: .04em; margin: 0; }
.cpp-filecheck__out code { overflow-wrap: anywhere; }
.cpp-disclaimer { margin-top: 2em; font-size: .82rem; color: var(--cpp-muted); max-width: 70ch; }

/* ProofScan results */
.cpp-checks { margin: 1.4em 0 0; }
.cpp-checks h3 { margin-bottom: .6em; }
.cpp-check-row { display: flex; gap: .8em; align-items: flex-start; padding: .7em .2em; border-top: 1px solid var(--cpp-rule); font-size: .93rem; }
.cpp-check-row__mark { flex: none; width: 1.6em; height: 1.6em; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: .85rem; background: var(--cpp-mist); color: var(--cpp-muted); }
.cpp-check-row--ok .cpp-check-row__mark { background: #E3F0EC; color: var(--cpp-accent); }
.cpp-check-row--bad .cpp-check-row__mark { background: #FBEFEF; color: var(--cpp-danger); }
.cpp-check-row--bad strong { color: var(--cpp-danger); }

/* Auth & profile */
.cpp-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5em; }
.cpp-auth #loginform p { margin-bottom: .8em; }
.cpp-auth #loginform label { display: block; font-weight: 600; font-size: .92rem; }
.cpp-auth #loginform input[type=text], .cpp-auth #loginform input[type=password] { width: 100%; padding: .65em .75em; min-height: 44px; border: 1.5px solid var(--cpp-rule); border-radius: var(--cpp-radius); font: inherit; }
.cpp-auth #loginform .login-remember label { font-weight: 400; }
.cpp-auth #wp-submit { font: inherit; font-weight: 600; padding: .7em 1.15em; min-height: 44px; border-radius: var(--cpp-radius); border: 0; background: var(--cpp-ink); color: #fff; cursor: pointer; }
.cpp-profile__head { display: flex; gap: 1.2em; align-items: center; margin-bottom: 1.2em; }
.cpp-profile__photo { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.cpp-profile__name { margin: 0; font-size: 1.7rem; }
.cpp-profile__headline { margin: .1em 0 .3em; color: var(--cpp-muted); }
.cpp-profile__links { display: flex; gap: 1em; flex-wrap: wrap; font-size: .9rem; }
.cpp-profile__bio { max-width: 70ch; margin-bottom: 1.4em; }

/* Standalone pages */
body.cpp-doc { margin: 0; background: var(--cpp-mist, #F3F5F7); font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.cpp-doc__main { max-width: 760px !important; margin: 32px auto !important; background: #fff; padding: 32px; border-radius: 8px; }
.cpp-doc__brand { font-weight: 700; display: flex; align-items: center; gap: .5em; }
.cpp-doc__brand a { color: var(--cpp-ink); text-decoration: none; }
.cpp-doc__title { font-size: 1.7rem; margin: .4em 0 .5em; color: var(--cpp-ink); overflow-wrap: anywhere; }
.cpp-quote { margin: 1em 0; padding: .6em 1em; border-left: 4px solid var(--cpp-accent); background: var(--cpp-mist); font-style: italic; }
.cpp-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.cpp-table th, .cpp-table td { text-align: left; vertical-align: top; padding: .55em .5em; border-bottom: 1px solid var(--cpp-rule); }
.cpp-table th { color: var(--cpp-muted); font-weight: 600; }

@media (max-width: 760px) {
	.cpp-grid2, .cpp-auth { grid-template-columns: 1fr; }
	.cpp-evidence { grid-template-columns: 1fr; }
	.cpp-evidence__side { align-items: stretch; }
	.cpp-evidence__side .cpp-qr { max-width: 180px; margin: 0 auto; }
	.cpp-kv, .cpp-kv--wide { grid-template-columns: 1fr; gap: .1em; }
	.cpp-kv dd { margin-bottom: .6em; }
	.cpp-list__row { grid-template-columns: 1fr auto; gap: .2em .8em; }
	.cpp-list__meta, .cpp-list__ver, .cpp-list__date { display: none; }
	.cpp-list__id { grid-column: 1; }
	.cpp-figures { grid-template-columns: repeat(2, 1fr); }
	.cpp-figures > div { border-bottom: 1px solid var(--cpp-rule); }
	.cpp-verify__form { flex-direction: column; }
	.cpp-result__top { flex-direction: column-reverse; }
	.cpp-timeline li { grid-template-columns: 1fr; gap: 0; }
	.cpp-doc__main { margin: 0 !important; border-radius: 0; padding: 20px; }
	.cpp-hello .cpp-btn--lg { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .cpp * { transition: none !important; animation: none !important; } }
@media print { .cpp-tabs, .cpp-btn, .cpp-disclose, .cpp-copy { display: none !important; } }