/* TRGS transparent QR; a separate card-wide lower gradient shades only the background. */
[hidden]{display:none!important}
.scan-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
.scan-presets button{min-width:0;padding:7px 4px;border:1px solid #d5d9cc;background:#f4f3f7;color:#42473d;cursor:pointer}
.scan-presets img{display:block;width:100%;height:85px;object-fit:contain}
.scan-presets button,.scan-presets button[aria-pressed=true]{background:#101014;color:#f0f0f2}
.scan-presets span{display:block;margin-top:6px;font-size:10px}
.scan-presets button[aria-pressed=true]{border-color:#766297;box-shadow:inset 0 0 0 1px #766297}
.scan-presets button:focus-visible{outline:2px solid #766297;outline-offset:2px}
.stroke-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
.stroke-presets img{height:90px}
.stroke-presets.paper button,.stroke-presets.paper button[aria-pressed=true]{background:#f4f3f7;color:#42473d}
.scan-download{display:inline-block;font-size:11px;color:#635079;margin-top:5px;text-underline-offset:3px}
#trgs-scan-controls .note a{color:inherit}
.card.technology.trgs-personal-back .back-layout{inset:var(--content-top) var(--content-right) var(--content-bottom) var(--content-left);grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--mm) * 9) minmax(0,1fr) auto;row-gap:var(--group-gap)}
.card.technology.trgs-personal-back .safe-line{inset:var(--content-top) var(--content-right) var(--content-bottom) var(--content-left)}
.card.technology.trgs-personal-back .brand-header{grid-area:1/1/2/2}
.card.technology.trgs-personal-back .brand-header .logo-slot{width:max-content;max-width:100%;height:calc(var(--mm) * 9)}
.card.technology.trgs-personal-back .wordmark{font-size:calc(var(--pt) * var(--back-brand-pt,20));white-space:nowrap;letter-spacing:0}
.card.technology.trgs-personal-back[data-brand-layout="stacked"] .back-layout,.card.technology.trgs-personal-back[data-brand-layout="hierarchy"] .back-layout{grid-template-rows:calc(var(--mm) * 12) minmax(0,1fr) auto}
.card.technology.trgs-personal-back[data-brand-layout="stacked"] .brand-header .logo-slot,.card.technology.trgs-personal-back[data-brand-layout="hierarchy"] .brand-header .logo-slot{height:calc(var(--mm) * 12);align-items:flex-start}
.card.technology.trgs-personal-back .back-brand-wordmark span{display:block}
.card.technology.trgs-personal-back[data-brand-layout="stacked"] .back-brand-wordmark{font-size:calc(var(--pt) * 17);line-height:.92}
.card.technology.trgs-personal-back[data-brand-layout="stacked"] .back-brand-wordmark>span{font-family:inherit;font-size:calc(var(--pt) * 17);font-weight:700;letter-spacing:0;line-height:.92}
.card.technology.trgs-personal-back[data-brand-layout="hierarchy"] .back-brand-wordmark{font-size:calc(var(--pt) * 23);line-height:.95}
.card.technology.trgs-personal-back[data-brand-layout="hierarchy"] .back-brand-wordmark>span:first-child{font-size:calc(var(--pt) * 23);line-height:.95}
.card.technology.trgs-personal-back[data-brand-layout="hierarchy"] .back-brand-wordmark span+span{font-size:calc(var(--pt) * 8);line-height:1.15;letter-spacing:.18em;margin-top:calc(var(--mm) * .7)}
.card.technology.trgs-personal-back .identity{grid-area:2/1/3/2;align-self:center;padding:0}
.card.technology.trgs-personal-back .identity h2{font-family:var(--info-font);font-size:calc(var(--pt) * 18);font-weight:600;line-height:1.08;letter-spacing:-.025em}
.card.technology.trgs-personal-back .identity p{font-size:calc(var(--pt) * 8.5);line-height:1.35;margin-top:calc(var(--mm) * 1.5)}
.card.technology.trgs-personal-back .contacts{grid-area:3/1/4/2;font-size:calc(var(--pt) * 9);line-height:1.35;gap:calc(var(--mm) * .9)}
.card.technology.trgs-personal-back .contact-row{display:block}
.card.technology.front-standard{--front-qr-mm:22;--qr-quiet:calc(var(--mm) * var(--front-qr-mm) * 4 / 33)}
.card.technology .front-standard-qr{display:block;width:calc(var(--mm) * var(--front-qr-mm));height:calc(var(--mm) * var(--front-qr-mm));object-fit:contain;position:relative;z-index:1}
.card.technology.front-standard .front-footer{width:calc(var(--mm) * var(--front-qr-mm));justify-self:end;position:relative;isolation:isolate}
.card.technology .front-background-shade{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--qr-shade,.2);background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.45) 60%,#000 85%)}
.card.technology.front-standard.qr-align-left .front-footer{justify-self:start}
/* Large portrait codes borrow a little logo/message spacing, not font size or QR quiet zone. */
.portrait .card.technology.front-standard .front-hero{gap:clamp(calc(var(--mm) * 6),calc(var(--mm) * (34 - var(--front-qr-mm))),calc(var(--mm) * 8))}
/* Align the first visible module, compensating for the SVG's four-module quiet zone. */
.card.technology.qr-align-left .front-standard-qr{transform:translateX(calc(var(--qr-quiet) * -1))}
.card.technology.front-standard.qr-paper,.card.technology.trgs-personal-back{background:var(--paper);color:var(--ink)}
.card.technology.front-standard.qr-paper .decoration,.card.technology.trgs-personal-back .decoration{background-image:url('assets/trgs-orbit-light.svg');opacity:.3}
.card.technology.front-standard.qr-paper .trgs-pillar:nth-child(2) strong{color:#886800!important}
.brand-preview:not(.portrait) .card.technology.front-standard .front-layout{grid-template-columns:minmax(0,1fr) calc(var(--mm) * var(--front-qr-mm));column-gap:calc(var(--mm) * 6);grid-template-rows:minmax(0,1fr) auto}
.brand-preview:not(.portrait) .card.technology.front-standard .front-hero{grid-area:1/1/3/2}
.brand-preview:not(.portrait) .card.technology.front-standard .front-footer{grid-area:2/2/3/3}
.brand-preview:not(.portrait) .card.technology.front-standard.qr-align-left .front-layout{grid-template-columns:calc(var(--mm) * 30) minmax(0,1fr)}
.brand-preview:not(.portrait) .card.technology.front-standard.qr-align-left .front-hero{display:contents}
.brand-preview:not(.portrait) .card.technology.front-standard.qr-align-left .front-hero>.logo-slot{grid-area:1/1/2/2;align-self:start}
.brand-preview:not(.portrait) .card.technology.front-standard.qr-align-left .message{grid-area:1/2/3/3;align-self:end}
.brand-preview:not(.portrait) .card.technology.front-standard.qr-align-left .front-footer{grid-area:2/1/3/2}
@media print{.front-standard-qr{opacity:1!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.card.technology.front-standard.qr-paper .decoration,.card.technology.trgs-personal-back .decoration{opacity:.3!important}}