:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;color:#17314c;background:#f3f7fb;font-family:'Chulabhorn Likhit Text',sans-serif;font-size:17px}a{color:inherit}.doc-wrap{width:min(1160px,calc(100% - 34px));margin:auto}.doc-header{background:#092f55;color:#fff}.doc-header .doc-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0}.doc-header a{text-decoration:none;color:#f4d782}.doc-hero{padding:48px 0 28px}.doc-hero span{color:#bc820f;font-weight:700;font-size:14px;letter-spacing:1.5px}.doc-hero h1{font:700 clamp(30px,4vw,52px)/1.25 'Chulabhorn Likhit Display','Chulabhorn Likhit Text',sans-serif;margin:8px 0}.doc-hero p{margin:0;color:#53677d}.doc-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;border:1px solid #e1e9f2;border-radius:18px;background:#fff;box-shadow:0 7px 30px #103b5c0d}.doc-filters label{display:grid;gap:5px;font-weight:600}.doc-filters input,.doc-filters select{height:45px;min-width:170px;background:#fff;border:1px solid #b9cce0;border-radius:10px;padding:6px 12px;font:inherit}.doc-filters button{height:45px;background:#0c548d;border:0;border-radius:10px;color:#fff;font:inherit;padding:0 24px;cursor:pointer}.doc-filters>a{padding:11px}.doc-results{margin:30px 0}.doc-results-head{display:flex;justify-content:space-between;align-items:center}.doc-results-head h2{font-size:25px}.doc-results-head span{color:#64788d}.doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.doc-card{background:#fff;border:1px solid #e1e9f2;border-radius:16px;padding:22px;display:flex;flex-direction:column;min-height:205px;box-shadow:0 4px 18px #173f6108}.doc-card h3{font-size:21px;line-height:1.45;margin:10px 0;overflow-wrap:anywhere}.doc-tag{font-size:14px;color:#0c548d;font-weight:700}.doc-card small{color:#64788d;margin-top:auto}.doc-card a{background:#ebf4ff;color:#09528d;text-decoration:none;padding:10px;border-radius:10px;text-align:center;font-weight:700;margin-top:15px}.doc-empty,.doc-alert{background:#fff;border:1px solid #e1e9f2;padding:30px;border-radius:12px}.doc-alert{color:#a33323}.doc-note{font-size:15px;color:#6d8091;padding:0 0 35px}@media(max-width:650px){.doc-header span{font-size:12px}.doc-filters label,.doc-filters select,.doc-filters input,.doc-filters button{width:100%}.doc-hero{padding-top:28px}}