.capt{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-width:132px;min-height:112px;padding:16px;border-radius:8px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-family:'Instrument Sans',sans-serif;color:var(--ink);text-align:left;transition:background .45s,color .45s,border-color .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.capt:hover{transform:translateY(-3px)}
.capt[aria-pressed="true"]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.dots{display:flex;flex-wrap:wrap;gap:4px;max-width:64px}
.dots i{width:9px;height:9px;border-radius:50%;border:1.2px solid currentColor;opacity:.85}
.capt[aria-pressed="true"] .dots i{animation:pop .5s both}
.fchip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #C9BFAE;background:transparent;color:var(--ink);font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .4s,color .4s,border-color .4s}
.fchip[aria-pressed="true"]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.panel{animation:fade .45s both}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}
.pc .ph{background:#F1ECE3}
.pc .ph img{object-fit:cover}
.reveal-btn{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:rgba(251,249,245,.92);backdrop-filter:blur(8px);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover .reveal-btn{opacity:1;transform:none}
.meta{margin:12px 0 0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pc{animation:rise .7s both}
.bar{height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.bar>i{display:block;height:100%;background:var(--ink);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.tb{position:sticky;top:68px;z-index:12;background:rgba(246,242,234,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.sel{appearance:none;-webkit-appearance:none;min-height:44px;padding:0 34px 0 14px;border-radius:999px;border:1px solid #C9BFAE;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230E141F' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:500;color:var(--ink)}
@media (hover:none){.reveal-btn{display:none}}
@media (max-width:1180px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
.only-d{display:none!important}.only-m{display:block}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}
.grid .h3{font-size:18px}
.tip{grid-column:1 / -1}
.reas{grid-template-columns:repeat(2,minmax(0,1fr))!important;text-align:left!important}
.reas>div{display:flex;align-items:center;gap:10px}.reas br{display:none}
.capt{min-width:112px;min-height:100px;padding:14px}
}
.iso-fbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #0E141F;background:transparent;color:#0E141F;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .4s,color .4s}
.iso-fbtn.on{background:#0E141F;color:#F6F2EA}
.iso-nact{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#D9913E;color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.pc[hidden],.tip[hidden]{display:none!important}