/* First slice: extend the approved Studio theme. No Hero/header artwork changes. */
header .sign{white-space:nowrap}
.system-shell{width:var(--shell);max-width:1600px;margin:auto;padding-bottom:55px}
.system-intro{padding:62px 0 34px;max-width:980px}
.system-intro h1{font-size:clamp(2.65rem,4.9vw,5.3rem);line-height:1.05;margin:16px 0 22px;max-width:18ch}
.system-intro>p{max-width:63ch;color:#bbac91;font-size:1.0625rem;line-height:1.75}
.catalog-featured{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,#102019,#081510);padding:18px;margin-bottom:42px}
.featured-image{position:relative;aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:12px}
.catalog-featured>div:last-child{padding:14px 22px 14px 0}
.catalog-featured h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.1;margin:12px 0 16px}
.catalog-featured p{font-size:1rem;color:#b9aa8d;line-height:1.7;max-width:57ch}
.catalog-featured .btn{margin-top:8px}
.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.35fr);gap:16px;align-items:end}
.catalog-controls label,.discovery-options label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;min-width:0;color:#cab795}
.catalog-controls input,.catalog-controls select,.discovery-options select{width:100%;min-width:0;min-height:46px;font-size:1rem}
.catalog-controls input::placeholder{color:#a2947b;opacity:1}
.discovery-options{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 8px}
.discovery-options label{flex:1 1 170px;max-width:300px}
.results-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 0 20px;font-size:.9375rem;color:#baac91}
.quiet-button{background:transparent;color:#d1b889;border:0;text-decoration:underline;text-underline-offset:5px;cursor:pointer;padding:10px 2px;min-height:44px;font-size:.9rem}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.catalog-card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#102019,#091611);box-shadow:0 16px 35px #0002}
.catalog-card:has(.catalog-main-link:hover){border-color:#b78c56}
.catalog-cover{position:relative;aspect-ratio:1672/941;border-bottom:1px solid var(--soft);background:#06110e;overflow:hidden}
.catalog-cover img{object-fit:cover}
.cover-note{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:7px 11px;border:1px solid #a47a43;border-radius:7px;background:#08150ff2;color:#e2c9a1;font-size:.8125rem}
.catalog-copy{display:flex;flex:1;flex-direction:column;padding:25px;gap:12px}
.catalog-copy h3{font-size:1.95rem;line-height:1.13;margin:0}
.catalog-copy h3 a{text-decoration:none}
.catalog-main-link::after{content:"";position:absolute;inset:0;z-index:1}
.catalog-main-link:focus-visible{outline:none}
.catalog-main-link:focus-visible::after{outline:3px solid #dcc08d;outline-offset:-4px;border-radius:16px}
.catalog-copy>p{font-size:1rem;line-height:1.7;color:#bcae93;margin:0 0 7px}
.catalog-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:.875rem;color:#c8b391}
.card-service{position:relative;z-index:2;align-self:flex-start;padding:8px 0;color:#d2b784;text-underline-offset:5px;font-size:.875rem}
.content-pending{padding:32px;border:1px dashed #866b46;border-radius:14px;background:#0b1913;margin:20px 0;color:#bcae93;line-height:1.7}
.content-pending h2{font-size:2rem;margin:0 0 12px}
.preview-note,.archive-note{display:flex;flex-wrap:wrap;gap:14px;align-items:center;line-height:1.7;padding:16px 20px;border-left:2px solid #a57b43;background:#122017;color:#c4b595;margin:0 0 28px;font-size:.9375rem}
.muted,.long-copy{color:#bcae93;font-size:1rem;line-height:1.75}
.long-copy{max-width:85ch}
.spaced{margin-top:22px!important}
.spec-table{margin:0;max-width:980px}
.spec-table>div{display:grid;grid-template-columns:minmax(140px,.4fr) minmax(0,.6fr);gap:24px;border-bottom:1px solid var(--soft);padding:14px 0;font-size:1rem;line-height:1.6}
.spec-table dt{color:#b9a887}.spec-table dd{margin:0;color:#e0cfb0;overflow-wrap:anywhere}
.included-grid,.documentation-grid,.license-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:28px}
.included-grid h3,.documentation-grid h3,.product-section>h3{font-size:1.75rem;margin:12px 0 16px}
.included-grid ul,.changelog{padding-left:20px;color:#c1b293;line-height:1.8;font-size:1rem}
.documentation-links{display:flex;flex-wrap:wrap;gap:18px}
.quick-facts{padding:20px 0 4px;border-top:1px solid var(--soft);margin-top:22px}
.quick-facts h4{font-size:1.4rem;margin:0 0 10px}
.quick-facts .spec-table>div{grid-template-columns:1fr 1fr;gap:16px;font-size:.9375rem}
.product-variants,.purchase-licenses{border:1px solid var(--line);border-radius:12px;padding:18px;margin:24px 0}
.product-variants legend,.purchase-licenses legend{font-size:.9rem;padding:0 8px;color:#cfb994}
.product-variants>label{display:block;margin:0 0 8px;font-size:.875rem}
.product-variants select{width:100%;font-size:1rem}
.variant-detail h4{font-size:1.4rem;margin:22px 0 4px}
.purchase-licenses label{display:flex;gap:10px;margin:12px 0;font-size:.9375rem}
.purchase-section .commerce-card{max-width:900px}
.make-it{display:flex;align-items:center;justify-content:space-between;gap:28px}
.make-it p{max-width:62ch;color:#bbab8d;line-height:1.75;font-size:1rem}
.make-it .btn{flex-shrink:0}
.product-status.archived{color:#c5bca8;border-color:#786f61;background:#6661}
.tools-reset-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.8125rem;color:#baa98c;margin:4px 0 28px}
.tools-page .search-row{margin-bottom:12px}
.tools-page .discovery-options label{max-width:none}
.tools-page .polish-list:empty{display:none}
.dev-grid:has(>.dev-feature[hidden]){grid-template-columns:1fr}
.tools-page .dev-feature-visual img{object-fit:contain}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-featured{gap:24px}.system-intro{padding-top:48px}.catalog-copy{padding:22px}}
@media(max-width:760px){.system-intro{padding-top:36px}.catalog-featured{grid-template-columns:1fr;gap:12px;padding:12px;margin-bottom:30px}.catalog-featured>div:last-child{padding:10px 12px 16px}.catalog-controls{grid-template-columns:1fr}.discovery-options{gap:10px}.discovery-options label{flex-basis:130px;max-width:none}.catalog-grid{grid-template-columns:1fr}.catalog-copy{padding:24px}.catalog-card{max-width:620px}.included-grid,.documentation-grid,.license-options{grid-template-columns:1fr;gap:20px}.make-it{align-items:flex-start;flex-direction:column}.spec-table>div{grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:15px}.tools-reset-row{align-items:flex-start}.tools-reset-row span{max-width:20ch}.product-section-links{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}}

/* Confirmed facts are drawn once from the existing specifications. */
.quick-facts{margin:0 0 30px;padding:22px 0;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.quick-facts-heading{font:1rem Arial,sans-serif;margin:0 0 18px;color:#cab795}
.quick-facts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:24px 30px;margin:0}
.quick-facts-row>div{position:relative;padding-left:31px;min-width:0;line-height:1.5}
.quick-facts-row svg{position:absolute;left:0;top:2px;width:20px;height:20px;fill:none;stroke:#b89968;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.quick-facts-row dt{font-size:.875rem;color:#bba989;overflow-wrap:anywhere}
.quick-facts-row dd{margin:4px 0 0;font-size:1rem;color:#e0cfb0;overflow-wrap:anywhere}
@media(max-width:480px){.quick-facts-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.quick-facts-row>div{padding-left:0}.quick-facts-row svg{position:static;margin-bottom:6px}}

.included-grid:has(>div:only-child),.documentation-grid:has(>div:only-child){grid-template-columns:minmax(0,1fr)}
.documentation-links a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.preview-disclaimer{border-left:2px solid #987844;margin-top:28px;padding:12px 20px;color:#c1b293;font-size:.9375rem;line-height:1.7;max-width:75ch}
.preview-disclaimer p{margin:8px 0 0;white-space:pre-line}
.product-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0 0 28px}
.product-share p{margin:0}.product-share .share-note{flex-basis:100%;font-size:.875rem;max-width:70ch}
.product-share .share-status:empty{display:none}.share-fallback{flex-basis:100%;font-size:1rem}.share-fallback input{display:block;width:100%;margin-top:8px}
.product-share button:focus-visible,.documentation-links a:focus-visible{outline:2px solid #dcc08d;outline-offset:4px}

.product-notify{padding:30px 0;max-width:740px;scroll-margin-top:150px}
.product-notify summary{cursor:pointer;color:#dfcaa3;font-size:1.125rem;min-height:44px;padding:12px 0}
.product-notify details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}
.product-notify p{font-size:1rem;line-height:1.7;color:#c1b293;margin:12px 0}
.product-notify fieldset{border:0;margin:20px 0;padding:0;display:grid;gap:18px;min-width:0}
.product-notify label{font-size:1rem;line-height:1.5;display:grid;gap:8px;min-width:0}
.product-notify input[type=email]{width:100%;box-sizing:border-box;min-width:0;padding:13px 14px;background:#07140e;color:#dfceac;border:1px solid #776443;border-radius:9px;font:inherit}
.product-notify .notify-consent{display:flex;align-items:flex-start;gap:12px}
.notify-consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#b68a4c}
.product-notify fieldset .btn{justify-self:start;white-space:normal;min-height:44px;max-width:100%}
.product-notify fieldset:disabled{opacity:.65}
.product-notify .notify-status.error{color:#efb39a}
.product-notify .notify-private{border-left:2px solid #7d6843;padding-left:14px}
.product-notify [data-notify-receipt]{overflow-wrap:anywhere}
.product-notify :focus-visible,.mobile-product-action a:focus-visible{outline:2px solid #dcc08d;outline-offset:4px}
.mobile-product-action{display:none}
@media(max-width:600px){
 body.product-page{padding-bottom:var(--product-action-height,110px)}
 .mobile-product-action{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px max(18px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));border-top:1px solid #76613f;background:#091810;box-shadow:0 -8px 30px #0005}
 .mobile-product-action>div{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
 .mobile-product-action strong{font-size:.9375rem;color:#e0cfb0;line-height:1.4;overflow-wrap:anywhere}
 .mobile-product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:#baa989}
 .mobile-product-status,.mobile-unavailable{font-size:.875rem;color:#baa989}
 .mobile-product-action .btn{flex:0 1 auto;max-width:52%;min-height:44px;white-space:normal;text-align:center;line-height:1.4;padding:12px 16px;font-size:.9375rem}
 .mobile-product-action.near-footer,body:has(dialog[open]) .mobile-product-action,body:has(.bag-drawer[aria-hidden="false"]) .mobile-product-action{visibility:hidden;pointer-events:none}
 .product-notify{scroll-margin-bottom:calc(var(--product-action-height,110px) + 20px)}
}
