@layer components{.xpi-page{color:#1a2235;background:radial-gradient(120% 90% at 0 0,#96b3d352,#0000 60%),radial-gradient(120% 110% at 100% 100%,#2850822e,#0000 65%),linear-gradient(#f4f7fb 0%,#eef2f8 50%,#f6fafe 100%);flex-direction:column;min-height:100svh;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;display:flex}.xpi-header{max-width:64rem;margin:0 auto;padding:clamp(2.4rem,5vw,4rem) clamp(1.4rem,4vw,2.4rem) 0}.xpi-brand{align-items:center;gap:.85rem;display:flex}.xpi-logo{letter-spacing:.18em;color:#152236;font-family:Playfair Display,Times New Roman,serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700}.xpi-tag{letter-spacing:.18em;text-transform:uppercase;color:#1a4f82;background:oklab(42.0167% -.0331016 -.0958279/.1);border:1px solid oklab(42.0167% -.0331016 -.0958279/.28);border-radius:999px;align-items:center;gap:.32rem;padding:.32rem .62rem;font-size:.66rem;font-weight:800;display:inline-flex}.xpi-intro{color:#3b526f;max-width:36rem;margin-top:1.2rem;font-size:1.02rem;line-height:1.66}.xpi-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.1rem;width:100%;max-width:64rem;margin:clamp(2.4rem,6vw,4rem) auto 0;padding:0 clamp(1.4rem,4vw,2.4rem);display:grid}.xpi-card{color:inherit;background:linear-gradient(160deg,#fffffff0 0%,#f3f8fedb 100%);border:1px solid oklab(86.414% -.0087395 -.028522/.76);border-radius:1.1rem;gap:1.2rem;padding:1.4rem 1.5rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 24px 50px -36px #081e365c,inset 0 1px #ffffffbd}.xpi-card-ready:hover,.xpi-card-wip:hover{border-color:oklab(70.431% -.0175098 -.0527521);transform:translateY(-2px);box-shadow:0 30px 60px -38px #081e3680,inset 0 1px #ffffffc7}.xpi-card-num{color:oklab(39.1504% -.0312251 -.0885676);flex-shrink:0;width:3.6rem;font-family:Playfair Display,serif;font-size:clamp(2.4rem,5vw,3.2rem);font-style:italic;font-weight:700;line-height:1}.xpi-card-num-soft{color:#b0b8c4;font-style:normal}.xpi-card-body{flex:1;min-width:0}.xpi-card-status{letter-spacing:.22em;text-transform:uppercase;border-radius:999px;padding:.22rem .48rem;font-size:.62rem;font-weight:800;display:inline-block}.xpi-card-status-ready{color:#0a3f6b;background:oklab(42.0167% -.0331016 -.0958279/.12)}.xpi-card-status-wip{color:#7a5320;background:oklab(67.1833% .0320835 .111379/.14)}.xpi-card-status-soon{color:#475467;background:oklab(70.9798% -.00421202 -.0269676/.14)}.xpi-card-title{color:#152236;letter-spacing:-.005em;margin-top:.62rem;font-family:Playfair Display,Times New Roman,serif;font-size:1.32rem;font-weight:700;line-height:1.18}.xpi-card-title-soft{color:#475467}.xpi-card-sub{color:#3b526f;margin-top:.45rem;font-size:.88rem;line-height:1.55}.xpi-card-sub code{color:#1a4f82;background:#141e320f;border-radius:.25rem;padding:.06rem .28rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.xpi-card-arrow{color:#3b526f;opacity:.6;flex-shrink:0;align-self:start;margin-top:.4rem;transition:color .18s,opacity .18s,transform .18s}.xpi-card-ready:hover .xpi-card-arrow,.xpi-card-wip:hover .xpi-card-arrow{color:#0a3f6b;opacity:1;transform:translate(2px,-2px)}.xpi-card-placeholder{box-shadow:none;cursor:default;background:#ffffff73;border-style:dashed}.xpi-footer{color:#6b7a8f;max-width:64rem;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1.4rem,4vw,2.4rem) 2rem;font-size:.78rem}}