/* Complications cart poster (plan note 69): 11 x 17 inches portrait, Arial, print at 100 percent with no margins. */
@page{size:11in 17in;margin:0}
:root{--W:11in;--H:17in;--ink:#0f1620;--ink2:#3d4756;--muted:#5b6472;--brand:#8a94a6;--red:#b42318;--redsoft:#fdeeec;--line:#d5dbe3;--panel:#f6f7f9}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#eef0f3}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);font-size:14px}
.bar a,.bar button{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:0;background:#f0f2f5;color:var(--ink);font:600 14px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.bar button{background:#1474c4;color:#fff}
.bar span{color:var(--muted);flex:1 1 220px}
.stage{padding:16px 8px 32px;display:flex;justify-content:center;overflow:hidden}
.frame{position:relative;width:var(--W);height:var(--H)}
.poster{position:absolute;left:0;top:0;width:var(--W);height:var(--H);transform-origin:0 0;background:#fff;box-shadow:0 12px 40px -12px rgba(16,24,40,.35);display:flex;flex-direction:column;padding:0.5in 0.55in 0.45in;overflow:hidden}
.ph{display:grid;grid-template-columns:1.5in 1fr 1.5in;align-items:start;gap:0.2in}
.lockup{display:flex;align-items:center;gap:6pt}
.lockup img{width:22pt;height:22pt;border-radius:5pt}
.lockup span{font-size:12pt;font-weight:700;color:var(--brand)}
.tt{text-align:center}
.ph h1{font-size:44pt;line-height:1.05;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.ph .sub{margin-top:8pt;font-size:15pt;color:var(--muted)}
.chk{justify-self:end;display:grid;gap:5pt;padding:7pt 9pt;border:1pt solid var(--line);border-radius:6pt;font-size:9.5pt;color:var(--ink2)}
.chk b{font-size:9pt;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.rule{height:3pt;background:var(--red);margin:0.18in 0 0.2in}
.cols{flex:1;columns:3;column-gap:0.28in;column-fill:balance}
.pg{break-inside:avoid;margin-bottom:0.18in;border-radius:9pt;background:var(--panel);padding:12pt 13pt 11pt}
.pg h2{font-size:15pt;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--red);padding-bottom:4pt;border-bottom:1pt solid #e4c9c5;margin-bottom:5pt}
.pg ul{list-style:none;display:grid;gap:7pt}
.pg li{display:grid;grid-template-columns:13pt 1fr;gap:7pt;align-items:start;font-size:12.5pt;line-height:1.22}
.pg li .cb{width:12pt;height:12pt;margin-top:1pt;border:1.2pt solid var(--ink2);border-radius:2pt;background:#fff}
.pg li b{font-weight:700}
.pg li small{display:block;margin-top:2pt;font-size:10pt;line-height:1.25;color:var(--muted)}
.pf{margin-top:0.12in;padding-top:8pt;border-top:1pt solid var(--line);display:grid;gap:4pt;font-size:9pt;line-height:1.35;color:var(--muted)}
.pf b{color:var(--ink2)}
@media print{
  html,body{background:#fff}
  .tk-noprint{display:none !important}
  .stage{padding:0;display:block}
  .frame{width:var(--W) !important;height:var(--H) !important}
  .poster{transform:none !important;box-shadow:none}
}
