:root{font-family:Arial,'Noto Sans Thai',sans-serif;color:#183248;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#0086b5;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0086b5;outline-offset:3px}.memberhead{height:90px;display:flex;align-items:center;justify-content:space-between;padding:15px max(5vw,20px);border-bottom:1px solid #e2e9ed;background:white}.memberhead>a{display:flex;align-items:center;gap:12px;color:#183248}.memberhead strong{font:bold 34px Georgia,serif;color:#b0253a}.memberhead span{font-size:13px}.memberhead nav{display:flex;gap:25px;font-size:14px}main{max-width:1240px;margin:auto;padding:44px 30px 70px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#a0253b;font-weight:700}.loginlayout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;min-height:65vh}.welcome h1{font-size:clamp(36px,4vw,54px);line-height:1.12;max-width:530px;white-space:pre-line;margin:22px 0}.welcome p{line-height:1.9;color:#617487;max-width:460px;font-size:17px}.welcome ul{padding-left:20px;color:#617487;line-height:2.2}.logincard{background:white;border:1px solid #e0e7ed;border-radius:18px;padding:34px;box-shadow:0 16px 45px #15314708}.logincard h2{font-size:29px;margin:14px 0}.logincard>p{font-size:14px;color:#617487;line-height:1.7}.logincard label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.logincard input[type=text],.logincard input[type=email],.logincard input[type=password]{width:100%;border:1px solid #ccd8e1;padding:13px;border-radius:7px}.login-remember label{font-weight:400}.login-remember input{margin:0 7px 0 0}.login-submit input{width:100%;border:0;background:#0088b9;color:white;border-radius:7px;padding:14px;font-weight:600;cursor:pointer}.login-submit input:hover{background:#a0253b}.forgot{font-size:13px}.logincard small{display:block;color:#788b9c;font-size:11px;line-height:1.8;margin-top:26px;padding-top:18px;border-top:1px solid #e5ebef}.librarytitle{display:flex;justify-content:space-between;gap:20px;align-items:center}.librarytitle h1{font-size:38px;margin:14px 0}.librarytitle p{color:#617487;line-height:1.7}.signout{font-size:13px}.librarymeta{display:flex;gap:24px;color:#617487;font-size:13px;margin:22px 0}.librarymeta span:first-child{color:#167b87}.docfilters{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:end;gap:18px;background:white;border:1px solid #e1e8ed;padding:22px;border-radius:12px;margin:25px 0 30px}.docfilters label{font-size:12px;color:#617487}.docfilters input,.docfilters select{width:100%;padding:12px;border:1px solid #cbd8e2;border-radius:6px;margin-top:8px;background:white;color:#183248}.docfilters button{padding:13px 25px;border:0;border-radius:6px;background:#0088b9;color:white;cursor:pointer}.doctablewrap{overflow-x:auto;background:white;border:1px solid #dce6ed;border-radius:12px}.doctable{border-collapse:collapse;width:100%;text-align:left;min-width:850px}.doctable thead{background:#edf4f8}.doctable th,.doctable td{padding:18px 20px;border-bottom:1px solid #e5ecf1;vertical-align:middle}.doctable thead th{font-size:12px;font-weight:700;color:#546d81;white-space:nowrap}.doctable tbody th{font-size:15px;font-weight:600;min-width:230px}.doctable tbody th>span:last-child{vertical-align:middle}.doctable td{font-size:12px;color:#617487;line-height:1.6}.doctable tbody tr:last-child>*{border-bottom:0}.doctable tbody tr:hover{background:#f6fafc}.docicon{display:inline-block;background:#fbf0f2;color:#a0253b;border:1px solid #edd1d7;border-radius:5px;font-weight:700;font-size:10px;padding:8px 5px;margin-right:12px;vertical-align:middle}.filesize{white-space:nowrap}.docstatus{display:inline-block;font-size:11px;border-radius:20px;padding:5px 10px;white-space:nowrap}.docstatus.ready{background:#eaf6f3;color:#176c59}.docstatus.pending{background:#fff4e5;color:#8d652d}.docactions{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.docactions .open{padding:8px 12px;background:#0088b9;color:white;border-radius:6px}.docactions a:hover{background:#a0253b;color:white}.docactions .download{padding:8px 4px;border-radius:4px}.unavailable{color:#9aabb7}.emptydocuments{padding:35px!important;text-align:center}.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}.accessmessage{background:white;padding:40px;border:1px solid #e0e7ed;border-radius:14px;line-height:1.8}footer{border-top:1px solid #e0e7ed;color:#788b9c;font-size:12px;text-align:center;padding:24px;background:white}@media(max-width:800px){.loginlayout{grid-template-columns:1fr;gap:25px}.welcome h1{font-size:36px}.welcome ul{display:none}.docfilters{grid-template-columns:1fr}.memberhead{height:75px}.memberhead span{display:none}}@media(max-width:480px){main{padding:30px 18px}.logincard{padding:24px}.memberhead nav{font-size:12px;gap:18px}.librarytitle h1{font-size:29px}.librarymeta{gap:10px;font-size:11px}}

.memberbrands{display:flex;align-items:center;gap:32px;padding:28px 0 36px;margin-bottom:28px;border-bottom:1px solid #dfe7ed}.brandstep{min-width:190px}.brandstep h2{font-size:23px;margin:10px 0 0}.brandchoices{display:flex;gap:22px;flex:1}.memberbrand{display:flex;align-items:center;gap:20px;flex:1;padding:22px;background:white;border:1px solid #e1a4b0;border-radius:12px;box-shadow:0 6px 0 #971e36,0 12px 22px #1832480b;color:#183248;font-size:16px;font-weight:600;transition:transform .15s}.memberbrand img{width:86px;max-height:40px;object-fit:contain}.memberbrand.primus{border-color:#a0d8ee;box-shadow:0 6px 0 #007eab,0 12px 22px #1832480b}.brandarrow{margin-left:auto;font-size:30px;color:#a0253b;font-weight:400}.primus .brandarrow{color:#0088b9}.memberbrand:hover{transform:translateY(-2px)}.memberbrand.selected{background:#fff8fa;outline:2px solid #a0253b;outline-offset:2px}.memberbrand.primus.selected{background:#f1faff;outline-color:#0088b9}.backbrands{display:inline-block;margin-bottom:8px;font-size:13px}@media(max-width:950px){.memberbrands{align-items:stretch;flex-direction:column;gap:20px}.brandchoices{width:100%}}@media(max-width:600px){.brandchoices{flex-direction:column}.memberbrand{min-height:90px}}

.docfilters select{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd8e2;border-radius:7px;background:#fff;color:#183248;cursor:pointer}.filtercount{color:#617487;font-size:13px;margin:14px 0}