.product-skill-builders{background:#fffaf0}
.product-skill-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:54px;margin-bottom:48px}
.product-skill-heading h2{margin:8px 0 0;color:var(--navy);font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1}
.product-skill-heading>p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}
.product-skill-featured{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);overflow:hidden;border:1px solid var(--line);border-radius:26px;background:white;box-shadow:0 22px 60px rgba(5,39,66,.1)}
.product-skill-featured>img{width:100%;height:100%;min-height:510px;object-fit:contain;padding:42px;background:#f4e8d1}
.product-skill-featured>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:54px}
.product-skill-status{display:inline-block;margin-bottom:24px;padding:8px 13px;border-radius:999px;background:#bb5d3d;color:white;font-weight:800;font-size:.76rem;letter-spacing:.12em}
.product-skill-featured small{color:#a66a00;font-weight:800;letter-spacing:.14em}
.product-skill-featured h3{margin:8px 0 16px;color:var(--navy);font-size:clamp(2.5rem,4vw,4.2rem)}
.product-skill-featured p{max-width:590px;color:var(--muted);font-size:1.08rem;line-height:1.75}
.product-skill-featured strong{margin:10px 0 22px;color:#bb5d3d;font-size:1.3rem}
.product-skill-catalog{max-width:none;margin:24px 0 0;padding:0;border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden}
.product-skill-catalog summary{max-width:none;margin:0;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;background:#fff;transition:background .2s ease}
.product-skill-catalog summary::-webkit-details-marker{display:none}
.product-skill-catalog summary:hover{background:#f8f1e4}
.product-skill-catalog summary>span:first-child{display:flex;flex-direction:column;gap:5px}
.product-skill-catalog summary small{color:#a66a00;font-weight:800;letter-spacing:.12em}
.product-skill-catalog summary strong{color:var(--navy);font-size:1.45rem}
.product-skill-summary-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-weight:700}
.product-skill-summary-meta::after{content:'↓';display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#f3c75c;font-size:1.2rem;transition:transform .2s ease}
.product-skill-catalog[open] .product-skill-summary-meta::after{transform:rotate(180deg)}
.product-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 24px 0;border-top:1px solid var(--line);background:#fffaf0}
.product-skill-grid article{min-height:210px;padding:26px;border:1px solid var(--line);border-radius:18px;background:white}
.product-skill-grid article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#f3c75c;font-weight:800}
.product-skill-grid h3{margin:24px 0 10px;color:var(--navy);font-size:1.45rem}
.product-skill-grid p{margin:0;color:var(--muted);line-height:1.55}
.product-skill-release{margin:0;padding:26px;text-align:center;color:#a66a00;background:#fffaf0;font-weight:800;letter-spacing:.04em}
@media(max-width:900px){.product-skill-heading,.product-skill-featured{grid-template-columns:1fr}.product-skill-featured>img{min-height:420px}.product-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.product-skill-heading{gap:20px}.product-skill-featured>img{min-height:340px;padding:28px}.product-skill-featured>div{padding:32px 24px}.product-skill-catalog summary{padding:21px 18px}.product-skill-summary-meta{font-size:0;width:40px}.product-skill-grid{gap:12px;padding:14px 14px 0}.product-skill-grid article{min-height:190px;padding:20px}.product-skill-grid h3{font-size:1.2rem}}

/* Restore the original pattern-led Skill Builder cards inside the dropdown. */
.product-builder-card{display:flex;flex-direction:column;align-items:stretch}
.product-builder-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-builder-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#f3c75c;font-weight:800}
.product-future-badge{padding:7px 9px;border-radius:999px;background:#f1dfbf;color:#8b5810;font-size:.66rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.product-letter-tile{display:grid;place-items:center;min-height:76px;margin:24px 0 4px;border:1px solid #dbc79e;border-radius:13px;background:linear-gradient(145deg,#fffdf7,#f1e4cb);color:var(--navy);font-family:"Fraunces",serif;font-size:1.35rem;font-weight:700;letter-spacing:.05em;box-shadow:inset 0 0 0 5px rgba(255,255,255,.58)}
.product-builder-card h3{margin-top:18px}
.product-builder-card p{flex:1}
.product-builder-button{width:100%;margin-top:22px;padding:13px 16px;border:1px solid #a9b3aa;border-radius:999px;background:#f8f7f1;color:#66736c;font:800 .8rem/1 sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:not-allowed}
@media(max-width:600px){.product-future-badge{font-size:.58rem}.product-letter-tile{min-height:68px;margin-top:18px;font-size:1.08rem}.product-builder-button{font-size:.7rem}}