.cssg-card-intro,.cssg-card-form,.cssg-card-shell{max-width:850px;margin:18px auto}.cssg-card-intro{padding:16px 22px;background:#f5f8f8;border-left:4px solid #087a52;border-radius:12px}.cssg-card-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cssg-card-fields label{font-weight:700;color:#17374a}.cssg-card-fields input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cbd5da;border-radius:8px;box-sizing:border-box}.cssg-card-button,.cssg-card-downloads a,.cssg-card-downloads button{background:#08774e;color:#fff;border:0;border-radius:8px;padding:13px 19px;cursor:pointer;text-decoration:none;font-weight:700;display:inline-block}.cssg-card-button{margin-top:22px}.cssg-card-shell{text-align:center}.cssg-card-flip{width:min(100%,650px);aspect-ratio:1012/638;perspective:1500px;background:transparent;border:0;padding:0;cursor:pointer;display:block;margin:20px auto}.cssg-card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.75,.25,1)}.cssg-card-flip.is-flipped .cssg-card-inner{transform:rotateY(180deg)}.cssg-card-face{display:flex;position:absolute;inset:0;border-radius:18px;overflow:hidden;backface-visibility:hidden;box-shadow:0 16px 40px rgba(0,0,0,.2);box-sizing:border-box}.cssg-card-front{background-size:cover;background-position:center;align-items:center;justify-content:center;flex-direction:column;color:#18334a}.cssg-card-front-title{font-family:Georgia,serif;font-size:clamp(18px,3.2vw,33px);font-weight:700;line-height:1.4;text-shadow:0 1px 4px #fff;background:rgba(255,255,255,.72);padding:8px 16px;border-radius:12px}.cssg-card-front small{margin-top:8px;background:#fff8;padding:5px 9px;font-weight:700}.cssg-card-back{background:#fff;color:#142c43;transform:rotateY(180deg);flex-direction:column;text-align:left;padding:5% 6%}.cssg-card-back>strong{font-family:Georgia,serif;font-size:clamp(12px,2.3vw,25px)}.cssg-card-back>em{font-size:clamp(10px,1.6vw,17px);color:#a28248;margin:1% 0 3%}.cssg-card-data{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;font-size:clamp(9px,1.35vw,14px)}.cssg-card-data>span{overflow-wrap:anywhere}.cssg-card-barcode-label{font-size:clamp(10px,1.3vw,14px);font-weight:700;margin-top:auto}.cssg-card-bars{height:18%;max-width:100%;display:flex;align-items:stretch;margin-top:5px}.cssg-card-bars i{display:block;flex:1;min-width:0}.cssg-card-bars i.on{background:#101820}.cssg-card-code{font-weight:700;letter-spacing:2px;font-size:clamp(11px,1.6vw,16px);margin-top:5px}.cssg-card-downloads{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px auto}.cssg-card-downloads button{font:inherit;font-weight:700}.cssg-card-notice{background:#e4f6e9;color:#145d33;padding:14px;border-radius:9px;font-weight:700;margin:18px 0}.cssg-card-profile-code{grid-column:1/-1;background:#f4f8f4;padding:13px;border-radius:8px;margin:10px 0}@media(max-width:550px){.cssg-card-fields{grid-template-columns:1fr}.cssg-card-data{gap:3px}.cssg-card-face{border-radius:11px}.cssg-card-front-title{font-size:18px}}@media(prefers-reduced-motion:reduce){.cssg-card-inner{transition:none}}

/* 18.55: the preview is exactly the JPEG used for download and PDF. */
.cssg-card-face{padding:0!important;display:block!important;background:none!important}
.cssg-card-face img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}