/* #pagetest v1 — unified page template + visual polish prototype */
body.pagetest-mode #hero,
body.pagetest-mode #subgroupTabs,
body.pagetest-mode .content-stage > .toolbar { display:none !important; }
#pagetestView { --pt-paper:#f5ead1; --pt-ink:#2f2419; --pt-muted:#766550; --pt-wine:#7d2d28; --pt-gold:#a17b45; --pt-line:rgba(92,68,38,.2); color:var(--pt-ink); }
#pagetestView.active { display:block; }
#pagetestView [hidden] { display:none !important; }
.pagetest-shell { width:min(1180px,100%); margin:0 auto 72px; }
.pagetest-demo-note { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; padding:10px 12px; border:1px solid rgba(125,45,40,.24); background:rgba(125,45,40,.055); color:var(--pt-muted); font-size:.84rem; }
.pagetest-demo-note strong { color:var(--pt-wine); }
.pagetest-tabs { display:flex; gap:6px; margin-bottom:10px; overflow-x:auto; }
.pagetest-tabs button,.pagetest-view-buttons button { min-height:36px; border:1px solid var(--pt-line); border-radius:7px; background:rgba(255,250,235,.7); color:#5d4a35; padding:7px 13px; font:800 .9rem/1 "EB Garamond",Georgia,serif; cursor:pointer; white-space:nowrap; }
.pagetest-tabs button.active,.pagetest-view-buttons button[aria-pressed="true"] { border-color:rgba(125,45,40,.48); background:#81322b; color:#fff0d0; }
.pagetest-hero { position:relative; overflow:hidden; display:grid; gap:14px; padding:22px 24px 18px; border:1px solid rgba(92,68,38,.3); border-radius:12px 12px 7px 7px; background:radial-gradient(circle at 92% 2%,rgba(157,119,64,.22),transparent 35%),linear-gradient(180deg,rgba(250,244,226,.94),rgba(231,210,169,.76)); box-shadow:0 10px 30px rgba(60,41,22,.08); }
.pagetest-hero::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:linear-gradient(#8f3730,#b4894f); }
.pagetest-eyebrow { margin:0 0 3px; color:var(--pt-gold); font-size:.68rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.pagetest-title-row { display:flex; justify-content:space-between; align-items:end; gap:16px; }
.pagetest-title h2 { margin:0; color:var(--pt-wine); font-size:clamp(1.8rem,4vw,2.7rem); line-height:.95; }
.pagetest-title p { max-width:650px; margin:7px 0 0; color:var(--pt-muted); font-size:.93rem; line-height:1.25; }
.pagetest-metrics { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.pagetest-metric { min-width:92px; padding:7px 10px; border-left:1px solid var(--pt-line); }
.pagetest-metric span,.pagetest-metric strong { display:block; }
.pagetest-metric span { color:var(--pt-muted); font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; }
.pagetest-metric strong { margin-top:2px; color:#3b291b; font-size:1.02rem; }
.pagetest-filterbar { display:grid; grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,.42fr)) auto; gap:7px; align-items:center; padding:11px 12px; border:1px solid var(--pt-line); border-top:0; background:rgba(248,239,218,.82); }
.pagetest-search,.pagetest-select { min-height:38px; border:1px solid rgba(92,68,38,.26); border-radius:6px; background:rgba(255,252,242,.82); color:#39291d; padding:7px 10px; font:700 .83rem/1 "EB Garamond",Georgia,serif; }
.pagetest-view-buttons { display:flex; gap:5px; }
.pagetest-active-filters { display:flex; flex-wrap:wrap; gap:5px; min-height:30px; padding:7px 2px 4px; }
.pagetest-chip { display:inline-flex; gap:5px; align-items:center; padding:4px 8px; border-radius:999px; background:rgba(125,45,40,.08); color:#70433a; font-size:.7rem; font-weight:800; }
.pagetest-chip b { color:var(--pt-wine); }
.pagetest-content { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:6px; }
.pagetest-card { position:relative; display:grid; grid-template-columns:68px minmax(0,1fr); min-width:0; overflow:hidden; border:1px solid var(--pt-line); border-radius:8px; background:rgba(255,250,235,.72); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.pagetest-card:hover { transform:translateY(-2px); border-color:rgba(125,45,40,.34); box-shadow:0 8px 18px rgba(66,45,24,.1); }
.pagetest-card-visual { display:grid; place-items:center; min-height:92px; border-right:1px solid var(--pt-line); background:rgba(159,120,66,.09); color:var(--pt-wine); font-size:1.45rem; font-weight:900; }
.pagetest-card-copy { min-width:0; padding:10px 11px; }
.pagetest-card-copy h3 { margin:0; color:#3d281b; font-size:1.02rem; line-height:1; }
.pagetest-card-meta { margin-top:3px; color:var(--pt-muted); font-size:.68rem; }
.pagetest-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 10px; margin-top:9px; }
.pagetest-stat { display:flex; justify-content:space-between; gap:7px; padding-top:4px; border-top:1px solid rgba(92,68,38,.1); font-size:.74rem; }
.pagetest-stat span { color:var(--pt-muted); }
.pagetest-stat strong { color:#4a2e20; }
.pagetest-card-action { grid-column:1/-1; padding:7px 10px; border-top:1px solid rgba(92,68,38,.11); color:var(--pt-wine); font-size:.69rem; font-weight:900; text-align:right; }
.pagetest-table { grid-column:1/-1; overflow-x:auto; border:1px solid var(--pt-line); border-radius:8px; background:rgba(255,250,235,.68); }
.pagetest-table table { width:100%; border-collapse:collapse; }
.pagetest-table th,.pagetest-table td { padding:9px 11px; border-bottom:1px solid rgba(92,68,38,.11); text-align:left; }
.pagetest-table th { color:var(--pt-muted); font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; }
.pagetest-table td { font-size:.82rem; }
.pagetest-table td strong { color:var(--pt-wine); }
.pagetest-related { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:14px; padding:10px 12px; border-top:1px solid var(--pt-line); color:var(--pt-muted); font-size:.76rem; }
.pagetest-related strong { color:var(--pt-ink); }
.pagetest-related a { padding:4px 7px; border-radius:5px; background:rgba(157,119,64,.08); color:var(--pt-wine); font-weight:800; }
@media (max-width:900px) { .pagetest-filterbar{grid-template-columns:1fr 1fr}.pagetest-search{grid-column:1/-1}.pagetest-view-buttons{justify-content:flex-end}.pagetest-content{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:650px) { body.pagetest-mode .page-shell{padding-inline:0}.pagetest-shell{padding:10px 10px 90px}.pagetest-demo-note{align-items:flex-start}.pagetest-title-row{display:grid}.pagetest-metrics{justify-content:flex-start}.pagetest-metric{padding-left:0;padding-right:12px;border-left:0;border-right:1px solid var(--pt-line)}.pagetest-filterbar{grid-template-columns:1fr 1fr}.pagetest-filterbar .pagetest-select:nth-of-type(3){grid-column:1/-1}.pagetest-view-buttons{grid-column:1/-1;justify-content:flex-start}.pagetest-content{grid-template-columns:1fr}.pagetest-card{grid-template-columns:58px minmax(0,1fr)} }