/* Parts the site pages use that the main stylesheet does not cover: product pages, the products list, the announcement bar. */
.sv-announce{background:var(--ink,#0E2F33);color:#F4EBDC;text-align:center;font:600 14px/1.4 var(--f-body,system-ui);padding:9px 16px}
.sv-announce a{color:inherit;text-decoration:none}.sv-announce a:hover{text-decoration:underline}
html[lang=ar] .sv-announce .en,html[lang=en] .sv-announce .ar{display:none}
.product-head{display:flex;align-items:center;gap:18px;margin:10px 0 6px}
.product-head h1{margin:0 0 6px}
.pic.big svg{width:72px;height:72px}
.tagline{font-size:1.35rem;color:var(--ink,#0E2F33)}
.product-img{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:18px;margin:26px 0 0}
.story{margin:56px 0 0;padding:26px 28px;border-radius:18px;background:var(--sand,#EFE3D0)}
.story figcaption{font:700 1.1rem var(--f-head,system-ui);margin-bottom:6px}
.story p{margin:0;font-size:1.05rem;line-height:1.7}
.faq details{border-top:1px solid var(--line,rgba(14,47,51,.14));padding:14px 0}
.faq summary{cursor:pointer;font-weight:600}
.plist{display:grid;gap:12px}
.prow{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line,rgba(14,47,51,.14));border-radius:16px;background:#fff;color:inherit;text-decoration:none}
.prow:hover{border-color:var(--teal,#1F6F6B)}
.prow .n{font:500 13px var(--f-mono,monospace);color:var(--ink-3,#5D7170)}
.doc .prow,.prow{text-decoration:none;color:inherit}
.prow h3{margin:0 0 2px;font-size:1.15rem}.prow p{margin:0;color:var(--ink-2,#34504F)}
.prow .pt{min-width:0}
.doc .faq{max-width:none;margin:0}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--sand,#EFE3D0);white-space:nowrap}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--ink-3,#5D7170)}
.chip.live i,.chip.early i{background:#1B7F4B}.chip.build i{background:var(--sun,#F0B44C)}
@media(max-width:680px){.prow{grid-template-columns:1fr auto;grid-template-areas:'t p' 'c p'}.prow .n{display:none}.prow .pt{grid-area:t}.prow .chip{grid-area:c;justify-self:start}.prow .pic{grid-area:p}}
.doc a.prow,.doc a.prow *{text-decoration:none;color:inherit}.doc a.prow .chip{color:var(--ink,#0E2F33)}