/* High at 60 — Terms & Slang */
.terms-learn-page{background:#f7f8f4;color:#243128}.terms-learn-page *{box-sizing:border-box}
.terms-learn-page .page-container{width:min(1180px,calc(100% - 40px));margin:auto}
.terms-hero{padding:42px 0 38px;background:linear-gradient(135deg,#183f27,#245d37);color:#fff;text-align:center}
.terms-eyebrow,.terms-kicker,.term-category{margin:0 0 12px;color:#7ca83d;font-size:.79rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.terms-hero .terms-eyebrow{color:#dceac8}.terms-hero-icon{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.11);font-size:1.5rem}
.terms-hero h1{margin:0 0 12px;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.terms-hero p:last-child{max-width:760px;margin:auto;color:#e5eee7;line-height:1.65}
.terms-section{padding:72px 0}.terms-white{background:#fff}.terms-heading{max-width:840px;margin:0 auto 38px;text-align:center}
.terms-heading h2,.terms-footer-note h2{margin:0 0 14px;color:#173c25;font-size:clamp(1.9rem,4vw,2.7rem)}.terms-heading>p:last-child,.terms-footer-note p{margin:0;color:#5d6961;line-height:1.75}
.terms-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;max-width:900px;margin:0 auto 34px;padding:24px;border:1px solid #d5e0d2;border-radius:20px;background:#fff}
.terms-tools label{color:#244b2e;font-weight:800}.terms-tools input,.terms-tools select{width:100%;min-height:48px;padding:11px 13px;border:1px solid #bfcdbd;border-radius:12px;background:#fff;color:#243128;font:inherit}
.terms-tools input:focus,.terms-tools select:focus{outline:3px solid rgba(45,125,58,.18);border-color:#2d7d3a}.terms-tools p{grid-column:1/-1;margin:4px 0 0;text-align:center;color:#59675d;font-weight:700}
.terms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.term-card{padding:22px;border:1px solid #dbe5da;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(28,62,35,.07)}
.term-card h3{margin:0 0 10px;color:#1f472d;font-size:1.2rem}.term-card p{margin:0 0 10px;color:#5b675f;line-height:1.62}.term-card p:last-child{margin-bottom:0}.term-category{margin-bottom:7px;font-size:.68rem}
.terms-empty{max-width:760px;margin:22px auto 0;padding:18px;border-radius:14px;background:#fff5df;color:#604d1f;text-align:center}
.terms-banner-slot{min-height:80px}
.terms-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.terms-related-grid a{display:flex;min-height:180px;flex-direction:column;justify-content:center;padding:24px;border:1px solid #dbe5da;border-radius:22px;background:#fff;color:inherit;text-align:center;text-decoration:none;box-shadow:0 12px 30px rgba(28,62,35,.07)}
.terms-related-grid span{font-size:2rem}.terms-related-grid strong{margin:10px 0 5px;color:#1f472d}.terms-related-grid small{color:#677269;line-height:1.5}
.terms-footer-note{padding:20px 0 70px;text-align:center}.terms-footer-note .page-container{max-width:860px}.terms-footer-note h2{font-size:1.8rem}.terms-footer-note a{display:inline-block;margin-top:18px;color:#1f5532;font-weight:800}
@media(max-width:1000px){.terms-grid{grid-template-columns:repeat(2,1fr)}.terms-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.terms-learn-page .page-container{width:min(100% - 28px,1180px)}.terms-hero{padding:34px 0 32px}.terms-hero h1{font-size:2rem}.terms-section{padding:56px 0}.terms-grid,.terms-related-grid,.terms-tools{grid-template-columns:1fr}.terms-banner-slot{min-height:56px}.term-card{padding:20px}}


/* Visual polish — category icons and accents */
.terms-category-legend{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    max-width:1040px;
    margin:0 auto 30px;
}
.terms-category-legend span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border:1px solid #d9e3d7;
    border-radius:999px;
    background:#fff;
    color:#526057;
    font-size:.82rem;
    font-weight:700;
}
.terms-category-legend b{font-size:1rem}

.term-card{
    position:relative;
    overflow:hidden;
    border-top:5px solid #7f9d6c;
}
.term-card-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    margin-bottom:14px;
    border-radius:14px;
    background:#edf4e7;
    font-size:1.45rem;
}
.term-card[data-category="flower"]{border-top-color:#4f8a46}
.term-card[data-category="concentrates"]{border-top-color:#aa7a2d}
.term-card[data-category="vape cartridges"]{border-top-color:#4d7f91}
.term-card[data-category="devices"]{border-top-color:#6b7277}
.term-card[data-category="edibles"]{border-top-color:#bf7650}
.term-card[data-category="cannabinoids"]{border-top-color:#397f78}
.term-card[data-category="terpenes"]{border-top-color:#708b32}
.term-card[data-category="hemp"]{border-top-color:#80933d}
.term-card[data-category="shopping"]{border-top-color:#8a654c}
.term-card[data-category="terms & slang"]{border-top-color:#745b8e}
.term-card[data-category="other cannabis products"]{border-top-color:#557b86}
.term-card[data-category="cannabis basics"]{border-top-color:#326b3d}

.term-card[data-category="flower"] .term-card-icon,
.term-card[data-category="cannabis basics"] .term-card-icon{background:#e8f3e5}
.term-card[data-category="concentrates"] .term-card-icon{background:#f8efe0}
.term-card[data-category="vape cartridges"] .term-card-icon{background:#e8f1f4}
.term-card[data-category="devices"] .term-card-icon{background:#eef0f1}
.term-card[data-category="edibles"] .term-card-icon{background:#faeee8}
.term-card[data-category="cannabinoids"] .term-card-icon{background:#e4f1ef}
.term-card[data-category="terpenes"] .term-card-icon,
.term-card[data-category="hemp"] .term-card-icon{background:#eef2df}
.term-card[data-category="shopping"] .term-card-icon{background:#f2ebe6}
.term-card[data-category="terms & slang"] .term-card-icon{background:#eee9f4}
.term-card[data-category="other cannabis products"] .term-card-icon{background:#e8f0f2}

.term-card:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(28,62,35,.11);
}
.term-card,
.term-card:hover{
    transition:transform .18s ease, box-shadow .18s ease;
}

@media(max-width:760px){
    .terms-category-legend{
        justify-content:flex-start;
        gap:8px;
    }
    .terms-category-legend span{
        font-size:.76rem;
    }
}