.catalog-page{background:#faf9f6;color:#232c28}.catalog-wrap{max-width:1240px;margin:auto;padding:0 32px}.catalog-hero{padding:68px 0 42px;max-width:850px}.catalog-hero h1{font-size:clamp(36px,5.3vw,66px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px}.catalog-hero p{font-size:18px;line-height:1.75;color:#526059;max-width:760px}.catalog-hero .hero-note{font-size:14px;margin-top:14px}.guide-jump{display:inline-block;margin-top:20px;color:#285d48;font-weight:650;text-decoration:underline;text-underline-offset:5px}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid #d8ded8;padding:28px 0}.catalog-toolbar h2{font-size:25px;letter-spacing:-.025em;margin:0 0 7px}.catalog-toolbar p{font-size:13px;color:#617067}.search-box{width:340px;max-width:100%}.search-box label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.search-field{display:flex;background:white;border:1px solid #c9d3cc;border-radius:8px;overflow:hidden}.search-field input{min-width:0;width:100%;padding:12px 14px;background:transparent;font-size:16px;border:0}.search-field button{width:44px;background:transparent;border:0;font-size:24px;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-card{min-width:0;padding:22px;background:#fff;border:1px solid #dce2dc;border-radius:12px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.catalog-card:hover{border-color:#a4b9aa;box-shadow:0 5px 20px #203a2910}.card-heading{display:flex;gap:13px;align-items:center;min-height:64px}.card-heading>div:last-child{min-width:0}.card-heading h3{font-size:17px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;margin:0}.icon-frame{position:relative;width:48px;height:48px;flex:none;border-radius:12px;background:#eef3ee;overflow:hidden;display:grid;place-items:center;color:#36654d;font-size:22px}.icon-frame img{position:absolute;inset:0;width:48px;height:48px;object-fit:contain;background:#fff}.card-kicker{font-size:11px;color:#69786f;margin:5px 0 0;overflow-wrap:anywhere}.url-block{background:#f6f8f5;border-radius:7px;padding:12px;margin:20px 0 16px;flex:1}.url-label{display:block;font-size:9px;font-weight:700;letter-spacing:.11em;color:#718077;margin-bottom:8px}.url-block code{font-size:12px;line-height:1.7;overflow-wrap:anywhere;user-select:all;color:#394d40}.card-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.copy-button,.details-button{font-family:inherit;font-size:12px;font-weight:650;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:9px 12px;text-decoration:none}.copy-button{border:1px solid #c4d4c8;background:#f5faf5;color:#2a5f41;cursor:pointer;min-width:112px}.copy-button.copied{background:#285d42;color:white;border-color:#285d42;animation:copy-pop .3s ease}.details-button{color:#285d42;border:1px solid transparent}.details-button:hover{background:#eff5ee}.unavailable{font-size:11px;color:#66736b}.how-to{margin:64px 0 32px;padding:36px;background:#edf2ec;border-radius:12px;display:grid;grid-template-columns:1fr 1.3fr;gap:48px;scroll-margin-top:100px}.how-to h2{font-size:28px;line-height:1.25;margin:14px 0}.how-to p,.how-to li{font-size:14px;line-height:1.8;color:#526259}.how-to ol{list-style:decimal;padding-left:22px}.how-to li{padding:0 0 12px 8px}.back-top{display:inline-block;margin-bottom:48px;color:#285d42}.catalog-page :focus-visible{outline:3px solid #3d8363;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}#no-results{padding:50px 20px;text-align:center;border:1px dashed #aab9ad;border-radius:8px}@keyframes copy-pop{50%{transform:scale(1.06)}}@media(min-width:1600px){.catalog-wrap{max-width:1440px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-wrap{padding:0 18px}.catalog-hero{padding:40px 0 30px}.catalog-hero p{font-size:16px}.catalog-toolbar{align-items:stretch;flex-direction:column;gap:20px}.search-box{width:100%}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:18px}.how-to{grid-template-columns:1fr;gap:20px;padding:24px;margin-top:40px}.catalog-page .nav{flex-wrap:wrap;gap:14px;padding-top:14px;padding-bottom:14px}.catalog-page .nav-cta{display:none}.catalog-page .nav nav{gap:16px}.catalog-page .brand{font-size:18px}}@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}.copy-button.copied{animation:none}}