/* review page template candidates (private preview only) */
.tswitch{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:20px 0 6px;font:700 13px var(--mono)}
.tswitch a{border:2px solid var(--ink);padding:3px 9px;text-decoration:none;background:var(--label)}.tswitch a.on{background:var(--ink);color:var(--label)}.tswitch .sep{margin-left:14px}
.tname{font:700 14px var(--mono);margin:0 0 10px;color:var(--red)}
.review .screen{float:none;width:auto;margin:0;transform:none}
/* A: current live */
.t-a .screen{float:left;width:52%;margin:4px 28px 16px 0;transform:rotate(-1deg)}
/* B: browser banner, full width but short */
.browser{margin:24px 0 0;border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 rgba(43,33,24,.85)}
.chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#e9e2d4;border-bottom:3px solid var(--ink)}
.chrome i{width:11px;height:11px;border-radius:50%;background:var(--red);border:1.5px solid var(--ink)}.chrome i:nth-child(2){background:var(--tape)}.chrome i:nth-child(3){background:#7fb069}
.chrome span{margin-left:10px;flex:1;background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:2px 12px;font:700 12px var(--mono)}
.browser .viewport{max-height:380px;overflow:hidden}.browser img{width:100%;display:block}
.browser figcaption{font:700 12px var(--mono);padding:6px 12px;border-top:3px solid var(--ink);background:var(--tape)}
/* C: split header */
.t-c .split{display:grid;grid-template-columns:58% 1fr;gap:30px;align-items:start}
.t-c .split .screen{box-shadow:5px 5px 0 rgba(43,33,24,.85)}.t-c .side .verdict{margin:14px 0}.t-c .side h1{font-size:clamp(30px,3.4vw,46px)}
/* D: pinned photo in a wide sidebar */
.rgrid.wide{grid-template-columns:minmax(0,1fr) 440px}
.pinned{position:relative;margin:6px 0 26px;padding:12px 12px 4px;background:#fff;border:2px solid var(--ink);transform:rotate(1.6deg);box-shadow:5px 5px 0 rgba(43,33,24,.85)}
.pinned .tp{position:absolute;top:-14px;left:50%;width:110px;height:28px;margin-left:-55px;background:rgba(233,215,168,.9);transform:rotate(-4deg)}
.pinned figcaption{font:700 12px var(--mono);padding:8px 2px}
/* E: shipping label hero */
.shiplabel{border:3px solid var(--ink);background:#fff;box-shadow:7px 7px 0 rgba(43,33,24,.85);margin-top:8px}
.sl-top{display:flex;justify-content:space-between;font:700 13px var(--mono);letter-spacing:.08em;padding:8px 14px;border-bottom:3px dashed var(--ink);background:var(--tape)}
.sl-body{display:grid;grid-template-columns:1.1fr 1fr;gap:0}.sl-body .screen{border:0;border-right:3px solid var(--ink)}
.sl-info{padding:20px 24px}.sl-info h1{font-size:clamp(30px,3.4vw,46px)}
.sl-row{display:flex;gap:20px;align-items:center;margin:14px 0}.sl-row dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font:14px var(--mono);margin:0}.sl-row dt{font-weight:700;text-transform:uppercase;font-size:12px}
.sl-row .verdict{width:120px;height:120px}.sl-row .score{font-size:42px}
.sl-bar{height:44px;border-top:3px solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 5px,var(--ink) 5px 6px,transparent 6px 10px,var(--ink) 10px 14px,transparent 14px 16px)}
@media (max-width:900px){.t-c .split,.sl-body,.rgrid.wide{grid-template-columns:1fr}.sl-body .screen{border-right:0;border-bottom:3px solid var(--ink)}.t-a .screen{float:none;width:100%;margin:0 0 16px}}
.browser>a{display:block;max-height:340px;overflow:hidden}