@charset "utf-8";
/* ============================================================
   Resources Page Styles — scoped to body.page-resources
   Uses unique res-* prefixes to avoid conflicts with shared CSS
   ============================================================ */

/* Hero section */
body.page-resources .hero{padding:72px 0;background:#e8ede3}
body.page-resources .hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
body.page-resources .hero p{max-width:590px;color:var(--muted);font-size:17px;margin:24px 0 0}
body.page-resources .hero-photo{height:430px;position:relative;border-radius:28px;overflow:hidden;background:#8ca078;box-shadow:0 26px 65px #313d2e2e}
body.page-resources .hero-photo img{width:100%;height:100%;object-fit:cover}
body.page-resources .hero-photo:after{content:"LICORICE · INGREDIENTS · APPLICATION";position:absolute;left:22px;bottom:20px;padding:8px 11px;border-radius:99px;background:#1f2f26cc;color:#fff;font-size:9px;font-weight:900;letter-spacing:.13em}

/* Articles list section */
body.page-resources .all{padding:82px 0;background:#eee9dc}
body.page-resources .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}
body.page-resources .section-head p{max-width:480px;margin:0;color:var(--muted)}

/* Cards grid */
body.page-resources .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.page-resources .card{display:flex;flex-direction:column;min-height:430px;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}
body.page-resources .card-visual{height:185px;position:relative}
body.page-resources .card-visual:after{content:attr(data-mark);position:absolute;right:18px;top:16px;padding:7px 9px;border-radius:99px;background:#fffdf7e6;font-size:9px;font-weight:900;letter-spacing:.1em}
body.page-resources .v1{background:radial-gradient(circle at 34% 62%,#f0c765 0 16%,transparent 17%),linear-gradient(135deg,#79966d,#efd083)}
body.page-resources .v2{background:radial-gradient(ellipse at 56% 67%,#b67839 0 23%,transparent 24%),linear-gradient(135deg,#6c7f65,#d9794d)}
body.page-resources .v3{background:linear-gradient(135deg,#d9cc9c,#83a077)}
body.page-resources .v4{background:radial-gradient(circle at 30% 56%,#efb85b 0 12%,transparent 13%),linear-gradient(135deg,#f0dda8,#8ca375)}
body.page-resources .v5{background:radial-gradient(ellipse at 50% 70%,#d7a549 0 24%,transparent 25%),linear-gradient(135deg,#8ca27e,#e1c47b)}
body.page-resources .v6{background:linear-gradient(145deg,#b9cba9,#efbd64 58%,#df7448)}
body.page-resources .card-copy{padding:26px;display:flex;flex:1;flex-direction:column}
body.page-resources .tag{font-size:10px;font-weight:900;letter-spacing:.14em;color:#9b4b28}
body.page-resources .card h3{font-size:21px;margin:16px 0 12px}
body.page-resources .card p{font-size:14px;color:var(--muted);margin:0 0 22px}
body.page-resources .card a{margin-top:auto;font-size:13px;font-weight:800;color:#9b4b28}

/* Pagination */
body.page-resources .pagination{display:flex;justify-content:center;gap:8px;margin-top:42px}
body.page-resources .page{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-weight:800;font-size:13px}
body.page-resources .page.active{background:var(--dark);color:#fff}
body.page-resources .page.next{width:auto;border-radius:999px;padding:0 18px;color:#9ba19a}

/* Request / inquiry section — with res-* prefix to avoid conflicts */
body.page-resources .res-request{padding:82px 0;background:linear-gradient(135deg,#e8b34d,#df7041)}
body.page-resources .res-request-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}
body.page-resources .res-request-copy p{max-width:470px;margin:18px 0;color:#3d493e}
body.page-resources .res-request-points{margin:28px 0 0;padding:0;list-style:none}
body.page-resources .res-request-points li{padding:11px 0;border-top:1px solid #26312640;font-size:13px;font-weight:700}
body.page-resources .res-request-form{background:var(--paper);border-radius:20px;padding:30px;box-shadow:0 25px 70px #5a31193d}
body.page-resources .res-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
body.page-resources .res-field{display:flex;flex-direction:column;gap:5px}
body.page-resources .res-field-full{grid-column:1/-1}
body.page-resources .res-field label{font-size:10px;font-weight:900;letter-spacing:.08em}
body.page-resources .res-field input,body.page-resources .res-field select,body.page-resources .res-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;font:14px inherit}
body.page-resources .res-field textarea{min-height:96px}
body.page-resources .res-request-form .btn{width:100%;margin-top:14px}
body.page-resources .res-form-note{margin-top:9px;font-size:10px;color:var(--muted)}

/* Responsive — tablet */
@media(max-width:900px){
    body.page-resources .hero-grid,body.page-resources .res-request-grid{grid-template-columns:1fr}
    body.page-resources .hero-photo{height:360px}
    body.page-resources .cards{grid-template-columns:1fr 1fr}
}

/* Responsive — mobile */
@media(max-width:640px){
    body.page-resources .hero-photo{height:290px}
    body.page-resources .cards,body.page-resources .res-form-grid{grid-template-columns:1fr}
    body.page-resources .res-field-full{grid-column:auto}
}