/* Approved Laminar identity. Uses the existing four platform palettes. */

#cq-laminar { --sans:Arial,Helvetica,sans-serif; --mono:ui-monospace,SFMono-Regular,Consolas,monospace; --display:"CQ Newsreader",Georgia,serif; font-family:var(--sans); color-scheme:light; --en-ink:var(--brass); --en-cool:var(--quiet); --en-hot:var(--deep); }
#cq-laminar:has(#palette-scifi:checked),#cq-laminar:has(#palette-dark:checked) { color-scheme:dark; }
#cq-laminar .fr-top { padding-top:22px; padding-bottom:14px; }
#cq-laminar .lp-brand-mark { width:40px;height:40px;flex-shrink:0;fill:var(--brass); }
#cq-laminar .fr-brand strong { font-weight:500; }
#cq-laminar .fr-hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:38px; padding-top:24px;padding-bottom:45px; }
#cq-laminar .fr-hero h1 { font-family:var(--display);font-size:clamp(42px,4.7vw,63px);letter-spacing:-1.8px; }
#cq-laminar .lp-identity { margin:0;min-width:0;text-align:center;align-self:center;container-type:inline-size; }
#cq-laminar .en-stage { display:block;width:100%;height:340px; }
#cq-laminar .lp-wordmark { font-size:12px;font-weight:500;letter-spacing:.24em;line-height:1.5; }
#cq-laminar .lp-subtitle-slot { display:grid;place-items:start center;min-height:84px;padding-top:15px; }
#cq-laminar .lp-subtitle { font:400 clamp(23px,2.3vw,29px)/1.2 var(--display);letter-spacing:-.3px;max-width:370px;text-wrap:balance;will-change:opacity,transform; }
#cq-laminar .lp-subtitle.lp-single-line { white-space:nowrap;text-wrap:nowrap;font-size:clamp(18px,5.3cqi,27px);max-width:100%; }
#cq-laminar .lp-playback { display:flex;justify-content:center;gap:12px;align-items:center;color:var(--quiet); }
#cq-laminar .lp-playback button { border:0;background:transparent;color:var(--quiet);font:11px/1.5 var(--sans);padding:7px 2px; }
#cq-laminar .lp-playback button:hover { color:var(--deep);text-decoration:underline;text-underline-offset:4px; }
#cq-laminar .en-paths,#cq-laminar .en-color { position:absolute;width:0;height:0;overflow:hidden;pointer-events:none; }
#cq-laminar .en-ink { color:var(--en-ink); } #cq-laminar .en-cool { color:var(--en-cool); } #cq-laminar .en-paper { color:var(--paper); } #cq-laminar .en-type { color:var(--deep); } #cq-laminar .en-hot { color:var(--en-hot); }
#cq-laminar .fr-palette-choice { font-size:11px; }
#cq-laminar .fr-palette legend { font-size:11px; }
@media(min-width:761px) and (max-width:1150px) { #cq-laminar .fr-top { flex-wrap:wrap;gap:15px; } #cq-laminar .fr-nav { order:3;flex-basis:100%;justify-content:center; } #cq-laminar .fr-controls { margin-left:auto; } }
@media(max-width:760px) { #cq-laminar .fr-hero { grid-template-columns:minmax(0,1fr);gap:10px;padding:30px 0; } #cq-laminar .fr-hero-copy { max-width:560px; } #cq-laminar .en-stage { height:310px; } #cq-laminar .lp-identity { max-width:520px;width:100%;margin:auto; } #cq-laminar .lp-subtitle-slot { min-height:77px; } #cq-laminar .lp-review { margin:0 22px;flex-wrap:wrap;gap:10px; } #cq-laminar .lp-review>span { flex-basis:100%; } #cq-laminar .en-timeline { max-width:none; } #cq-laminar .fr-palette-bar { padding-right:18px;padding-left:18px; } #cq-laminar .fr-palette { flex-wrap:wrap;gap:6px; } #cq-laminar .fr-palette legend { margin-right:4px; } }
@media(max-width:420px) { #cq-laminar .fr-palette { display:flex; } #cq-laminar .fr-palette legend { display:none; } #cq-laminar .fr-palette-choice { padding:7px 8px; } #cq-laminar .fr-nav { gap:14px; } #cq-laminar .fr-nav a { font-size:11px; } #cq-laminar .fr-hero h1 { font-size:43px; } }
@media(pointer:coarse) { #cq-laminar .lp-playback button { min-height:44px; } #cq-laminar .fr-palette-choice { min-height:44px; } #cq-laminar input[type=range] { min-height:34px; } }
@media(prefers-reduced-motion:reduce) { #cq-laminar .lp-subtitle { will-change:auto; } }

#cq-laminar .lp-art{position:relative;height:340px}
#cq-laminar .lp-fallback{position:absolute;left:calc(50% - 4px);top:50%;transform:translate(-50%,-50%);width:min(54.5%,232px);height:auto;fill:var(--brass)}
#cq-laminar .en-stage,#cq-laminar .lp-playback{display:none}
#cq-laminar.lp-enhanced .en-stage{display:block}
#cq-laminar.lp-enhanced .lp-playback{display:flex}
#cq-laminar.lp-enhanced .lp-fallback{display:none}
#cq-laminar .fr-foot .lp-brand-mark{width:36px;height:36px}
@media(max-width:760px){#cq-laminar .lp-art{height:310px}}