@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color-scheme:light;--bg: #f3f6fb;--surface: #ffffff;--surface-soft: #f8fafc;--line: #dbe4f0;--line-strong: #bed0e7;--text: #172033;--text-muted: #5b6b83;--primary: #1f5eff;--primary-strong: #1547c6;--primary-soft: #e7efff;--warning-soft: #fff4d6;--warning-line: #f2d38a;--warning-text: #7c5900;--danger: #b42318;--shadow: 0 18px 48px rgba(26, 40, 69, .08);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;font-family:IBM Plex Sans Thai,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{overflow-x:clip}body{margin:0;background:radial-gradient(circle at top left,rgba(31,94,255,.08),transparent 30%),linear-gradient(180deg,#f7f9fd 0%,var(--bg) 45%,#edf2f9 100%);color:var(--text);overflow-x:clip}body,button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,iframe,video,canvas,svg{max-width:100%}img,video{height:auto}a,button,input,textarea,select,p,h1,h2,h3,h4,h5,h6,strong,span,td,th{overflow-wrap:anywhere}.table-link,.nav-link,.mobile-nav-link,.button,.status-badge,.guideline-chip,.guideline-version-action-button{overflow-wrap:normal}.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}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;padding:2rem 0 3rem}.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.page-stack{display:grid;gap:1.5rem}.page-stack.narrow{width:min(840px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fdd1;border-bottom:1px solid rgba(190,208,231,.7)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.9rem;font-family:Manrope,sans-serif;font-weight:800}.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--primary),#6aa8ff);color:#fff;box-shadow:0 14px 28px #1f5eff38}.brand-title{display:block;line-height:1}.desktop-nav{display:flex;align-items:center;gap:.4rem}.nav-link,.mobile-nav-link{padding:.75rem 1rem;color:var(--text-muted);border-radius:999px;font-weight:600;transition:background .2s ease,color .2s ease}.nav-link:hover,.mobile-nav-link:hover,.nav-link.is-active,.mobile-nav-link.is-active{background:var(--primary-soft);color:var(--primary-strong)}.header-actions{display:flex;align-items:center;gap:.75rem}.menu-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);width:42px;height:42px;border-radius:14px}.mobile-nav-shell{border-top:1px solid rgba(190,208,231,.7);background:#f7f9fdf2}.mobile-nav{display:grid;gap:.35rem;padding:1rem 0 1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.2rem;border-radius:999px;border:none;background:var(--primary);color:#fff;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 14px 32px #1f5eff2e}.button:hover{transform:translateY(-1px);background:var(--primary-strong)}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:none}.button-secondary:hover{background:var(--surface-soft)}.section-card,.result-card,.tool-card,.prose-card{background:#ffffffe6;border:1px solid rgba(190,208,231,.72);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.section-card h1,.section-card h2,.section-card h3,.prose-card h1,.prose-card h2{margin:0;font-family:Manrope,IBM Plex Sans Thai,sans-serif;letter-spacing:-.03em}.tool-card p,.prose-card p,.result-card p,.drawer-row span,.footer-notice-body,.updated-label{color:var(--text-muted);line-height:1.7}.load-more-row,.footer-bottom,.footer-links,.footer-notice-inner,.result-card-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.eyebrow,.updated-label{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:.85rem;font-weight:700}.section-card,.prose-card{padding:1.5rem}.policy-sections,.drawer-content{display:grid;gap:.9rem}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tool-card{display:grid;gap:1rem;padding:1.15rem;transition:transform .18s ease,border-color .18s ease}.tool-card:hover{transform:translateY(-4px);border-color:#1f5eff59}.tool-card-top,.tool-card-footer,.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tool-card-body{display:grid;gap:.55rem}.tool-card-body h3{font-size:1.05rem}.tool-icon-shell{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.status-badge,.option-count{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.35rem .72rem;font-size:.8rem;font-weight:700;background:var(--surface-soft);color:var(--text-muted);border:1px solid var(--line)}.status-badge.is-live{background:#e6fbf5;color:#0a6b53;border-color:#9fd9c5}.tool-card-footer{align-items:center;color:var(--primary);font-weight:700}.placeholder-card,.policy-sections section{display:grid;gap:.85rem}.policy-sections section{gap:.35rem}.policy-sections p{margin:0}.drawer-row span,.result-card-grid span{font-size:.85rem;color:var(--text-muted)}.error-text{margin:.8rem 0 0;color:var(--danger);font-weight:600}.filter-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:.85rem}.search-field,.multiselect{display:grid;gap:.45rem}.search-field span,.multiselect>span{font-size:.92rem;font-weight:600}.search-input-shell,.multiselect-trigger{display:flex;align-items:center;gap:.6rem;min-height:52px;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff}.search-input-shell input{width:100%;border:0;outline:none;background:transparent;color:var(--text)}.multiselect{position:relative}.multiselect-trigger{justify-content:space-between;text-align:left}.multiselect-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-icons{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted)}.clear-badge{display:inline-flex;padding:.2rem;border-radius:999px}.multiselect-menu{position:absolute;z-index:20;width:100%;margin-top:.4rem;padding:.45rem;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);max-height:260px;overflow:auto}.multiselect-option{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;padding:.55rem .65rem;border-radius:12px}.multiselect-option:hover{background:var(--surface-soft)}.multiselect-empty{margin:0;color:var(--text-muted);padding:.75rem}.results-shell{display:grid;gap:1rem}.results-mobile-list{display:none;gap:.8rem}.result-card{width:100%;padding:1rem;text-align:left}.result-card-header{justify-content:space-between}.result-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.9rem}.results-table-shell{overflow:auto;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff}.results-table{width:100%;border-collapse:collapse;min-width:900px}.results-table th,.results-table td{padding:.95rem 1rem;border-bottom:1px solid #edf2f9;vertical-align:top;text-align:left}.results-table th{font-size:.85rem;color:var(--text-muted);background:#f7f9fd;position:sticky;top:0}.table-link{border:0;background:none;color:var(--primary);font-weight:700}.empty-panel{padding:1.5rem;border-radius:var(--radius-md);border:1px dashed var(--line-strong);background:linear-gradient(180deg,#f3f6fbe6,#f8fafc)}.empty-panel.subtle{margin-top:1rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c15267a;display:flex;justify-content:flex-end;z-index:80}.drawer-panel{width:min(460px,100%);height:100%;background:#fff;padding:1.25rem;border-left:1px solid var(--line);overflow:auto}.drawer-row{display:grid;gap:.35rem;padding:.85rem 0;border-bottom:1px solid #edf2f9}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:#fff}.drawer-title-block{display:grid;gap:.5rem;min-width:0}.drawer-title-block h2{margin:0;font-size:1.15rem;line-height:1.35;overflow-wrap:anywhere}.drawer-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.drawer-meta-chip.is-code{background:#dbeafe;color:#1d4ed8}.drawer-content{gap:0}.drawer-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.drawer-row strong{color:#111827;line-height:1.45;overflow-wrap:anywhere}.drawer-row-card{gap:.25rem;padding:.65rem .75rem;border:1px solid #edf2f9;border-radius:.8rem;background:#f9fafb}.drawer-row-card.is-wide{grid-column:1 / -1}.drawer-row-card strong{font-size:.9rem}.site-footer{border-top:1px solid rgba(190,208,231,.72);background:#ffffffeb}.footer-notice{background:var(--warning-soft);border-bottom:1px solid var(--warning-line)}.footer-notice-inner{align-items:flex-start;padding:1rem 0}.footer-notice-icon{color:var(--warning-text);flex-shrink:0;margin-top:.15rem}.footer-notice-title{margin:0 0 .35rem;color:#6a4d00;font-weight:700}.footer-bottom{justify-content:space-between;padding:1.3rem 0 1.8rem}.footer-rights{margin:0}.footer-links{justify-content:flex-end}.footer-links a{color:var(--text-muted);font-weight:600}.footer-links a:hover{color:var(--text)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.filter-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.desktop-nav,.header-actions .button{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.container{width:min(100%,calc(100% - 1rem))}.site-main{padding-top:1.2rem}.section-card,.prose-card{padding:1.1rem}.tool-grid,.result-card-grid{grid-template-columns:1fr}.results-mobile-list{display:grid}.results-table-shell{display:none}.drawer-panel{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:#f9fafb;color:#1f2937;transition:background-color .24s ease,color .24s ease}.site-main{flex:1;padding:2rem 0}.page-transition{animation:page-enter .24s ease both}.welcome-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:#0f172a7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:welcome-backdrop-in .18s ease-out both}.welcome-modal-panel{position:relative;width:min(560px,100%);max-height:calc(100dvh - 1.5rem);overflow:auto;overscroll-behavior:contain;display:grid;gap:.85rem;padding:1.5rem;border:1px solid #bfdbfe;border-radius:.75rem;background:#fff;box-shadow:0 24px 60px #0f172a3d;animation:welcome-panel-in .22s ease-out both}.welcome-modal-close{position:absolute;top:.85rem;right:.85rem;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#6b7280}.welcome-modal-close:hover{background:#f3f4f6;color:#111827}.welcome-modal-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;padding-right:2.4rem}.welcome-modal-logo{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:transparent}.welcome-modal-logo img{width:100%;height:100%;display:block;object-fit:contain}.welcome-modal-panel h2{margin:0;color:#111827;font-size:1.45rem;line-height:1.25}.welcome-modal-panel p{margin:0;color:#4b5563;font-size:.875rem;line-height:1.6}.welcome-contact-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.95rem;border:1px solid #dbeafe;border-radius:.65rem;background:#f8fafc}.welcome-contact-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;background:#dbeafe;color:#2563eb}.welcome-contact-copy{display:grid;gap:.3rem;min-width:0}.welcome-contact-copy h3{margin:0;color:#111827;font-size:.9rem;line-height:1.35}.welcome-contact-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.35rem}.welcome-contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.45rem .75rem;border:1px solid #bfdbfe;border-radius:.5rem;background:#fff;color:#1d4ed8;font-size:.875rem;font-weight:700}.welcome-contact-button:hover{background:#eff6ff;color:#1e40af}.welcome-consent-note{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:flex-start;gap:.8rem;padding:.75rem .85rem;border:1px solid var(--warning-line);border-radius:.55rem;background:var(--warning-soft)}.welcome-consent-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--warning-text);margin-top:0}.welcome-consent-copy{display:grid;gap:.45rem;min-width:0}.welcome-consent-note p{color:var(--warning-text);line-height:1.6}.welcome-consent-links{display:flex;gap:.5rem;flex-wrap:wrap}.welcome-consent-links a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.4rem .7rem;border:1px solid #f2d38a;border-radius:.45rem;background:#fff;color:#6a4d00;font-size:.875rem;font-weight:700;text-align:center}.welcome-consent-links a:hover{background:#fff8e1;color:#4f3900}.welcome-modal-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;margin-top:.3rem}.welcome-modal-action{width:fit-content;margin-left:auto;border-radius:.5rem;box-shadow:none}@media (max-width: 860px){.welcome-modal-backdrop{place-items:start center}.welcome-modal-panel{width:min(620px,100%);max-height:calc(100dvh - 1.5rem);gap:.72rem;padding:1.15rem}.welcome-modal-close{top:.75rem;right:.75rem}.welcome-modal-header{gap:.7rem;padding-right:2.25rem}.welcome-modal-logo{width:42px;height:42px}.welcome-modal-panel h2{font-size:1.24rem}.welcome-modal-panel p{font-size:.875rem;line-height:1.6}.welcome-contact-card,.welcome-consent-note{padding:.72rem}.welcome-contact-icon{width:34px;height:34px}.welcome-contact-copy h3{font-size:.9rem}}@media (max-width: 520px){.welcome-modal-panel{max-height:calc(100dvh - 1rem);padding:.95rem;gap:.65rem}.welcome-modal-header{grid-template-columns:auto minmax(0,1fr);gap:.65rem}.welcome-modal-logo{width:38px;height:38px}.welcome-modal-panel h2{font-size:1.12rem}.welcome-modal-panel p,.welcome-consent-note p{font-size:.84rem;line-height:1.5}.welcome-contact-card{grid-template-columns:auto minmax(0,1fr);gap:.45rem;padding:.62rem .7rem}.welcome-contact-icon{width:auto;height:1.5em;margin-top:.02rem;background:transparent}.welcome-contact-icon svg{width:16px;height:16px}.welcome-consent-note{grid-template-columns:auto minmax(0,1fr);gap:.45rem;padding:.62rem .7rem}.welcome-consent-icon{width:auto;height:1.5em;margin-top:.02rem}.welcome-consent-icon svg{width:16px;height:16px}.welcome-contact-actions,.welcome-contact-button{width:100%}.welcome-consent-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.welcome-consent-links a{width:100%;min-height:34px;padding:.35rem .45rem;font-size:.78rem;line-height:1.25}.welcome-modal-actions,.welcome-modal-actions .button{width:100%!important}}.about-page-card{display:grid;gap:1rem}.about-profile-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.about-profile-copy{display:grid;gap:.8rem;min-width:0}.about-profile-copy h1{max-width:100%;overflow-wrap:normal;white-space:nowrap;word-break:keep-all}.about-profile-photo{position:relative;width:112px;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid #ffffff;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ecfeff);box-shadow:0 14px 32px #0f172a1f;color:#1d4ed8;flex-shrink:0;font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-size:1.4rem;font-weight:800}.about-profile-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.about-page-lead{margin:0;font-size:1.03rem}.about-social-links{grid-column:2;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.about-social-link{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.45rem .72rem;border:1px solid #dbe4f0;border-radius:999px;background:#fff;color:#1d4ed8;font-size:.9rem;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease}.about-social-link:hover{border-color:#bfdbfe;background:#eff6ff;color:#1e40af}@media (max-width: 560px){.about-profile-header{grid-template-columns:1fr;justify-items:start;text-align:left;gap:.85rem}.about-profile-photo{width:104px}.about-profile-copy{gap:.65rem;justify-items:start}.about-profile-copy h1{font-size:clamp(1.05rem,5.4vw,1.35rem);line-height:1.25}.about-social-links{grid-column:1 / -1;justify-content:flex-start}}@keyframes welcome-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0d}.header-inner{min-height:64px}.brand{gap:.5rem;font-family:inherit;font-weight:700}.brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:transparent;box-shadow:none;overflow:hidden}.brand-logo{width:100%;height:100%;object-fit:contain;display:block}.brand-copy{display:grid;gap:.15rem;min-width:0}.brand-title{display:inline-flex;align-items:baseline;font-family:inherit;font-size:1.25rem;font-style:normal;letter-spacing:0;line-height:1;transform:none;color:#111827;min-width:0;white-space:nowrap}.brand-current-tool{display:none;min-width:0;color:#6b7280;font-size:.78rem;font-weight:600;line-height:1.2}.brand-title-accent{color:#2563eb}.desktop-nav{align-items:center;gap:1rem}.nav-link{min-height:38px;display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:0;border-bottom:2px solid transparent;color:#6b7280;font-size:.875rem;font-weight:500;white-space:nowrap}.nav-link:hover,.nav-link.is-active{background:transparent;color:#111827;border-bottom-color:#2563eb}.desktop-nav-divider{width:1px;height:24px;background:#e5e7eb}.header-control-group{display:inline-flex;align-items:center;gap:.5rem}.header-language-button,.header-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:500}.header-icon-button{width:38px;height:38px;padding:0}.header-language-button:hover,.header-icon-button:hover{color:#111827;background:#f3f4f6}.kofi-widget-slot{display:inline-flex;align-items:center;min-height:38px}.kofi-widget-slot .btn-container{display:inline-flex!important;min-width:112px}.kofi-widget-slot a.kofi-button,.kofi-fallback-link{width:auto!important;min-width:112px!important;min-height:38px;line-height:34px!important;border-radius:.5rem!important;background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:none!important}.kofi-widget-slot a.kofi-button:hover,.kofi-fallback-link:hover{background:#2563eb!important;border-color:#2563eb!important}.kofi-fallback-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.125rem .75rem;background:#3b82f6;color:#fff;font-size:.875rem;font-weight:700}.kofi-widget-slot.is-icon-only,.kofi-widget-slot.is-icon-only .btn-container,.kofi-widget-slot.is-icon-only a.kofi-button,.kofi-widget-slot.is-icon-only .kofi-fallback-link{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px}.kofi-widget-slot.is-icon-only a.kofi-button,.kofi-widget-slot.is-icon-only .kofi-fallback-link{display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;overflow:hidden}.kofi-widget-slot.is-icon-only a.kofi-button .kofitext,.kofi-widget-slot.is-icon-only a.kofi-button span{font-size:0!important}.kofi-widget-slot.is-icon-only a.kofi-button .kofiimg,.kofi-widget-slot.is-icon-only a.kofi-button img{width:24px!important;height:auto!important;max-height:22px!important;margin:0!important;padding:0!important;animation:none!important;object-fit:contain}.kofi-fallback-cup{position:relative;width:18px;height:14px;border:2px solid currentColor;border-radius:.2rem .2rem .45rem .45rem}.kofi-fallback-cup:after{content:"";position:absolute;top:2px;right:-8px;width:7px;height:8px;border:2px solid currentColor;border-left:0;border-radius:0 999px 999px 0}.header-actions{display:none}.mobile-kofi-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:.375rem;background:#3b82f6;color:#fff}.mobile-kofi-button:hover{background:#2563eb}.menu-toggle{border:0;background:transparent;width:44px;height:44px;border-radius:.375rem;color:#9ca3af;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .18s ease,color .18s ease,transform .18s ease}.menu-toggle:hover,.menu-toggle.is-open{background:#eff6ff;color:#2563eb}.menu-toggle.is-open{transform:rotate(90deg)}.menu-toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .18s ease,transform .18s ease}.menu-toggle-icon.is-close{opacity:0;transform:rotate(-90deg) scale(.72)}.menu-toggle.is-open .menu-toggle-icon.is-menu{opacity:0;transform:rotate(90deg) scale(.72)}.menu-toggle.is-open .menu-toggle-icon.is-close{opacity:1;transform:rotate(-90deg) scale(1)}.mobile-nav-shell{border-top:1px solid #e5e7eb;background:#fff;transform-origin:top center;animation:mobile-nav-shell-in .18s ease-out}.mobile-nav{gap:0;padding:.5rem 0 .75rem;animation:mobile-nav-content-in .22s ease-out}@keyframes mobile-nav-shell-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-nav-content-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{display:flex;align-items:center;min-height:44px;width:100%;padding:.625rem 1rem;border-left:4px solid transparent;border-radius:0;text-align:left;color:#6b7280;font-size:1rem;font-weight:500}.mobile-nav-link:hover,.mobile-nav-link.is-active{background:#eff6ff;color:#1d4ed8;border-left-color:#2563eb}.mobile-language-button{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;width:calc(100% - 2rem);margin:.5rem 1rem 0;padding:.625rem 0;border:0;border-top:1px solid #f3f4f6;background:transparent;color:#6b7280;font-size:1rem}@media (max-width: 1120px) and (min-width: 861px){.header-inner{gap:.55rem}.desktop-nav{gap:.45rem}.nav-link{padding-inline:.5rem;font-size:.8rem;line-height:1.2}.app-shell[data-language=th] .nav-link{font-size:.82rem}.header-control-group{gap:.38rem}.kofi-widget-slot .btn-container,.kofi-widget-slot a.kofi-button,.kofi-fallback-link{min-width:104px!important}}.legacy-home{max-width:1280px;padding:0 1rem}.legacy-welcome{margin-bottom:2rem}.legacy-welcome h1{margin:0;font-size:1.875rem;font-weight:700;color:#111827;font-family:inherit;letter-spacing:0}.legacy-welcome p{margin:.5rem 0 0;color:#4b5563}.legacy-tools-section{margin-bottom:3rem}.legacy-tools-copy{margin-bottom:1rem}.legacy-tools-copy h2{margin:0;font-size:1.125rem;font-weight:700;color:#111827;font-family:inherit;letter-spacing:0}.legacy-tools-copy p{margin:.25rem 0 0;color:#6b7280;font-size:.875rem;line-height:1.6}.inline-link{color:#2563eb;font-weight:500}.inline-link:hover{color:#1d4ed8;text-decoration:underline}.legacy-tool-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.legacy-tool-section-stack{display:grid;gap:2rem}.legacy-tool-group{display:grid;gap:1rem}.legacy-tool-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.legacy-tool-group-heading h3{margin:0;color:#111827;font-size:1rem;font-weight:700;font-family:inherit;letter-spacing:0}.legacy-tool-group-heading p{max-width:520px;margin:0;color:#6b7280;font-size:.82rem;line-height:1.55;text-align:right}.legacy-live-tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.legacy-live-tool-grid .tool-card{min-height:132px;gap:.8rem;padding:.9rem;border-color:#bfdbfe;box-shadow:0 10px 28px #2563eb1c}.legacy-live-tool-grid .tool-card:hover{border-color:#93c5fd;box-shadow:0 14px 34px #2563eb29}.legacy-live-tool-grid .tool-card-top{margin-bottom:.35rem}.legacy-live-tool-grid .tool-icon-shell{width:36px;height:36px;border-radius:.7rem}.legacy-live-tool-grid .tool-icon-shell svg{width:20px;height:20px}.legacy-live-tool-grid .tool-card-body{gap:.35rem}.legacy-live-tool-grid .tool-card-body h3{font-size:1.24rem;line-height:1.32}.legacy-live-tool-grid .tool-card-body p{font-size:1rem;line-height:1.55}.legacy-live-tool-grid .tool-card-footer{margin-top:.35rem;font-size:1rem}.legacy-live-tool-grid .status-badge{font-size:.72rem}.tool-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;background:#fff;box-shadow:none;transition:box-shadow .2s ease,transform .2s ease}.site-header,.mobile-nav-shell,.site-footer,.footer-notice,.tool-card,.section-card,.prose-card,.legacy-browser-header-card,.legacy-filter-card,.legacy-browser-results-card,.legacy-browser-loading-card,.legacy-empty-panel,.header-language-button,.header-icon-button,.mobile-kofi-button,.mobile-language-button,.menu-toggle,.status-badge,.tool-icon-shell,.search-input-shell,.multiselect-trigger,.button{transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease,opacity .2s ease,transform .2s ease}.brand-title,.legacy-welcome h1,.legacy-welcome p,.legacy-tools-copy h2,.legacy-tools-copy p,.legacy-tool-group-heading h3,.legacy-tool-group-heading p,.tool-card-body h3,.tool-card-body p,.tool-card-footer,.nav-link,.mobile-nav-link,.footer-rights,.footer-links a{transition:color .24s ease,font-size .2s ease,line-height .2s ease}.tool-card:hover{transform:none;border-color:#e5e7eb;box-shadow:0 4px 14px #0f172a14}.tool-card.is-planned{opacity:.6}.tool-card.is-disabled{cursor:default;pointer-events:none}.tool-card.is-disabled:hover{box-shadow:none}.tool-card-top{margin-bottom:.75rem;align-items:flex-start}.tool-icon-shell{width:36px;height:36px;border-radius:.625rem;background:#f9fafb;color:#9ca3af;border:1px solid #e5e7eb}.tool-icon-shell.is-live{background:#eef2ff;color:#4f46e5;border-color:#e0e7ff}.status-badge{background:#f3f4f6;border:0;color:#4b5563;text-transform:uppercase;letter-spacing:.08em;font-size:10px;padding:.25rem .5rem}.status-badge.is-live{background:#dbeafe;color:#1d4ed8;border:0}.legacy-home .status-badge.is-live{animation:live-now-blink 2.8s ease-in-out infinite}@keyframes live-now-blink{0%,to{opacity:1;box-shadow:0 0 #2563eb00}50%{opacity:.46;box-shadow:0 0 10px #2563eb33}}.tool-card-body{gap:.375rem}.tool-card-body h3{font-size:1.08rem;font-weight:600;color:#111827;font-family:inherit}.tool-card-body h3.is-muted{color:#6b7280}.tool-card-body p{margin:0;color:#6b7280;font-size:.88rem;line-height:1.5}.tool-card-footer{margin-top:.75rem;color:#2563eb;font-size:.94rem;font-weight:600}.tool-card-footer.is-muted{color:#6b7280}.app-shell[data-language=th]{font-family:IBM Plex Sans Thai,Noto Sans Thai,Leelawadee UI,Tahoma,system-ui,sans-serif;font-size:1.04rem;line-height:1.65;word-break:normal}.app-shell[data-language=th] .brand,.app-shell[data-language=th] h1,.app-shell[data-language=th] h2,.app-shell[data-language=th] h3,.app-shell[data-language=th] .button,.app-shell[data-language=th] .nav-link,.app-shell[data-language=th] .mobile-nav-link,.app-shell[data-language=th] .header-language-button,.app-shell[data-language=th] .mobile-language-button,.app-shell[data-language=th] .status-badge{font-family:inherit;letter-spacing:0}.app-shell[data-language=th] .legacy-welcome h1{font-size:2.05rem;line-height:1.35}.app-shell[data-language=th] .legacy-welcome p,.app-shell[data-language=th] .legacy-tools-copy p,.app-shell[data-language=th] .footer-notice-body,.app-shell[data-language=th] .legacy-browser-subtitle,.app-shell[data-language=th] .legacy-browser-helper{font-size:.95rem;line-height:1.75}.app-shell[data-language=th] .legacy-tools-copy h2{font-size:1.08rem;line-height:1.45}.app-shell[data-language=th] .tool-card{gap:.8rem}.app-shell[data-language=th] .tool-card-top{margin-bottom:.45rem}.app-shell[data-language=th] .tool-card-body{gap:.3rem}.app-shell[data-language=th] .tool-card-body h3{font-size:1.1rem;line-height:1.38}.app-shell[data-language=th] .tool-card-body p{font-size:.96rem;line-height:1.55}.app-shell[data-language=th] .nav-link,.app-shell[data-language=th] .button{font-size:.98rem;line-height:1.35}.app-shell[data-language=th] .header-language-button,.app-shell[data-language=th] .mobile-nav-link,.app-shell[data-language=th] .mobile-language-button{font-size:.875rem;line-height:1.35}.app-shell[data-language=th] .mobile-nav-link,.app-shell[data-language=th] .mobile-language-button{font-size:1rem}.app-shell[data-language=th] .tool-card-footer{margin-top:.45rem;font-size:.96rem;line-height:1.3}.app-shell[data-language=th] .status-badge{min-height:26px;font-size:.78rem;text-transform:none}.app-shell[data-language=th] .legacy-live-tool-grid .tool-card-body h3{font-size:1.26rem;line-height:1.34}.app-shell[data-language=th] .legacy-live-tool-grid .tool-card-body p{font-size:1.03rem;line-height:1.62}.app-shell[data-language=th] .legacy-live-tool-grid .tool-card-footer{font-size:1rem}.app-shell[data-language=th] .legacy-browser-title{font-size:1.62rem;line-height:1.35}.app-shell[data-language=th] .legacy-filter-card .search-field span,.app-shell[data-language=th] .legacy-filter-card .multiselect>span,.app-shell[data-language=th] .legacy-summary-pill,.app-shell[data-language=th] .legacy-loaded-file-row,.app-shell[data-language=th] .legacy-reference-button,.app-shell[data-language=th] .legacy-clear-button,.app-shell[data-language=th] .legacy-load-more-button{font-size:.94rem}.app-shell[data-language=th] .guideline-multiselect-trigger{font-size:.82rem}.app-shell[data-language=th] .guideline-multiselect-option{font-size:.94rem}.app-shell[data-language=th] .guideline-card-content strong{font-size:1.06rem;line-height:1.46}.app-shell[data-language=th] .guideline-form-field span,.app-shell[data-language=th] .guideline-form-field input,.app-shell[data-language=th] .guideline-form-field select,.app-shell[data-language=th] .guideline-form-field textarea,.app-shell[data-language=th] .guideline-primary-button,.app-shell[data-language=th] .guideline-secondary-button{font-size:1rem}html[data-theme=dark] body,.app-shell[data-theme=dark]{background:#0f172a;color:#e5e7eb}.app-shell[data-theme=dark] .site-header,.app-shell[data-theme=dark] .mobile-nav-shell,.app-shell[data-theme=dark] .site-footer,.app-shell[data-theme=dark] .tool-card,.app-shell[data-theme=dark] .section-card,.app-shell[data-theme=dark] .prose-card,.app-shell[data-theme=dark] .legacy-browser-header-card,.app-shell[data-theme=dark] .legacy-filter-card,.app-shell[data-theme=dark] .legacy-browser-results-card,.app-shell[data-theme=dark] .legacy-browser-loading-card,.app-shell[data-theme=dark] .legacy-empty-panel,.app-shell[data-theme=dark] .reference-modal-panel,.app-shell[data-theme=dark] .drawer-panel{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell[data-theme=dark] .site-header{box-shadow:0 1px 2px #00000052}.app-shell[data-theme=dark] .brand-title,.app-shell[data-theme=dark] .legacy-welcome h1,.app-shell[data-theme=dark] .legacy-tools-copy h2,.app-shell[data-theme=dark] .legacy-tool-group-heading h3,.app-shell[data-theme=dark] .tool-card-body h3,.app-shell[data-theme=dark] .legacy-browser-title,.app-shell[data-theme=dark] .legacy-browser-loading-card h2,.app-shell[data-theme=dark] .legacy-empty-panel h3,.app-shell[data-theme=dark] .drawer-title-block h2,.app-shell[data-theme=dark] .prose-card h1,.app-shell[data-theme=dark] .prose-card h2,.app-shell[data-theme=dark] .prose-card h3,.app-shell[data-theme=dark] .section-card h1,.app-shell[data-theme=dark] .section-card h2,.app-shell[data-theme=dark] .section-card h3{color:#f8fafc}.app-shell[data-theme=dark] .brand-current-tool,.app-shell[data-theme=dark] .nav-link,.app-shell[data-theme=dark] .mobile-nav-link,.app-shell[data-theme=dark] .legacy-welcome p,.app-shell[data-theme=dark] .legacy-tools-copy p,.app-shell[data-theme=dark] .legacy-tool-group-heading p,.app-shell[data-theme=dark] .tool-card-body p,.app-shell[data-theme=dark] .tool-card-body h3.is-muted,.app-shell[data-theme=dark] .tool-card-footer.is-muted,.app-shell[data-theme=dark] .legacy-browser-subtitle,.app-shell[data-theme=dark] .legacy-browser-helper,.app-shell[data-theme=dark] .footer-rights,.app-shell[data-theme=dark] .footer-links a,.app-shell[data-theme=dark] .footer-notice-body,.app-shell[data-theme=dark] .prose-card p{color:#cbd5e1}.app-shell[data-theme=dark] .nav-link:hover,.app-shell[data-theme=dark] .nav-link.is-active{color:#f8fafc;border-bottom-color:#60a5fa}.app-shell[data-theme=dark] .mobile-nav-link:hover,.app-shell[data-theme=dark] .mobile-nav-link.is-active{background:#1e3a8a;color:#dbeafe;border-left-color:#60a5fa}.app-shell[data-theme=dark] .desktop-nav-divider,.app-shell[data-theme=dark] .mobile-language-button,.app-shell[data-theme=dark] .legacy-tool-group-heading,.app-shell[data-theme=dark] .footer-notice,.app-shell[data-theme=dark] .footer-bottom,.app-shell[data-theme=dark] .legacy-loaded-file-row{border-color:#334155}.app-shell[data-theme=dark] .header-language-button,.app-shell[data-theme=dark] .header-icon-button,.app-shell[data-theme=dark] .menu-toggle,.app-shell[data-theme=dark] .search-input-shell,.app-shell[data-theme=dark] .multiselect-trigger,.app-shell[data-theme=dark] .legacy-filter-card .search-input-shell,.app-shell[data-theme=dark] .legacy-filter-card .multiselect-trigger,.app-shell[data-theme=dark] .legacy-clear-button,.app-shell[data-theme=dark] .legacy-summary-pill,.app-shell[data-theme=dark] .icon-button{background:#1f2937;border-color:#334155;color:#d1d5db}.app-shell[data-theme=dark] .mobile-language-button{background:transparent;color:#cbd5e1}.app-shell[data-theme=dark] .mobile-language-button:hover{background:#1e3a8a;color:#dbeafe}.app-shell[data-theme=dark] .mobile-kofi-button{background:#2563eb;color:#fff}.app-shell[data-theme=dark] .mobile-kofi-button:hover{background:#3b82f6}.app-shell[data-theme=dark] .menu-toggle:hover,.app-shell[data-theme=dark] .menu-toggle.is-open{background:#1e3a8a;color:#dbeafe}.app-shell[data-theme=dark] .welcome-modal-panel{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell[data-theme=dark] .welcome-modal-close{background:#1f2937;border-color:#334155;color:#d1d5db}.app-shell[data-theme=dark] .welcome-modal-close:hover{background:#172554;color:#f8fafc}.app-shell[data-theme=dark] .welcome-modal-panel h2,.app-shell[data-theme=dark] .welcome-contact-copy h3,.app-shell[data-theme=dark] .guideline-loading-copy p{color:#f8fafc}.app-shell[data-theme=dark] .welcome-modal-panel p,.app-shell[data-theme=dark] .guideline-loading-copy span{color:#cbd5e1}.app-shell[data-theme=dark] .welcome-contact-card{background:#0f172a;border-color:#334155}.app-shell[data-theme=dark] .welcome-contact-icon{background:#172554;color:#bfdbfe}.app-shell[data-theme=dark] .welcome-contact-button{background:#1f2937;border-color:#334155;color:#bfdbfe}.app-shell[data-theme=dark] .welcome-contact-button:hover{background:#172554;color:#f8fafc}.app-shell[data-theme=dark] .welcome-consent-note{background:#2b2208;border-color:#8a6a16}.app-shell[data-theme=dark] .welcome-consent-note p,.app-shell[data-theme=dark] .welcome-consent-icon{color:#fde68a}.app-shell[data-theme=dark] .welcome-consent-links a{background:#3a2d09;border-color:#8a6a16;color:#facc15}.app-shell[data-theme=dark] .welcome-consent-links a:hover{background:#4a390b;color:#fef3c7}.app-shell[data-theme=dark] .guideline-loading-panel{background:linear-gradient(180deg,#1725549e,#111827f5),#111827;border-color:#334155}.app-shell[data-theme=dark] .guideline-loader:before{border-color:#1d4ed8}.app-shell[data-theme=dark] .header-language-button:hover,.app-shell[data-theme=dark] .header-icon-button:hover,.app-shell[data-theme=dark] .legacy-clear-button:hover,.app-shell[data-theme=dark] .icon-button:hover{background:#273449;color:#f8fafc}.app-shell[data-theme=dark] .tool-icon-shell,.app-shell[data-theme=dark] .status-badge,.app-shell[data-theme=dark] .result-card-field,.app-shell[data-theme=dark] .empty-panel,.app-shell[data-theme=dark] .legacy-empty-panel{background:#1f2937;border-color:#334155;color:#cbd5e1}.app-shell[data-theme=dark] .tool-icon-shell.is-live,.app-shell[data-theme=dark] .status-badge.is-live{background:#172554;color:#bfdbfe;border-color:#1d4ed8}.app-shell[data-theme=dark] .tool-card:hover{border-color:#475569;box-shadow:0 4px 18px #0000003d}.app-shell[data-theme=dark] .legacy-live-tool-grid .tool-card{border-color:#1d4ed8;box-shadow:0 12px 30px #2563eb2e}.app-shell[data-theme=dark] .legacy-live-tool-grid .tool-card:hover{border-color:#60a5fa;box-shadow:0 16px 36px #2563eb3d}.app-shell[data-theme=dark] .inline-link,.app-shell[data-theme=dark] .tool-card-footer,.app-shell[data-theme=dark] .brand-title-accent,.app-shell[data-theme=dark] .legacy-inline-text-button{color:#60a5fa}.app-shell[data-theme=dark] .footer-notice{background:#422006}.app-shell[data-theme=dark] .footer-notice-title,.app-shell[data-theme=dark] .footer-notice-icon{color:#fde68a}.app-shell[data-theme=dark] .about-social-link{border-color:#334155;background:#0f172a;color:#93c5fd}.app-shell[data-theme=dark] .about-social-link:hover{border-color:#3b82f6;background:#1e293b;color:#bfdbfe}.footer-notice{background:#fffbeb;border-bottom:1px solid #fde68a}.footer-notice-inner{gap:.6rem;padding:.8rem 1rem}.footer-notice-title-row{display:inline-flex;align-items:center;gap:.4rem}.footer-notice-title{margin:0;font-size:.82rem;font-weight:700;color:#78350f}.footer-notice-body{margin:.18rem 0 0;font-size:.875rem;color:#92400e;line-height:1.45}.footer-notice-icon{width:18px;height:18px;margin-top:0}.site-footer{border-top:1px solid #e5e7eb;background:#fff}.footer-bottom{padding:2rem 1rem}.footer-brand-row{display:inline-flex;align-items:center;gap:.5rem}.footer-mark{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.footer-logo{width:100%;height:100%;object-fit:contain;display:block}.footer-rights{color:#6b7280;font-size:.875rem}.footer-links{gap:1.5rem}.footer-links a{color:#6b7280;font-size:.875rem}@media (min-width: 640px){.legacy-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.legacy-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.legacy-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 640px){.legacy-live-tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}}@media (max-width: 860px){.desktop-nav{display:none}.header-actions{display:flex}.header-inner{min-height:60px;gap:.5rem}.brand{min-width:0;flex:1}.brand-title{max-width:calc(100vw - 10rem);font-size:1.08rem;line-height:1.1;white-space:normal}.brand-current-tool{display:block;max-width:calc(100vw - 10rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-home{width:min(100%,calc(100% - 1rem))}.legacy-tool-group-heading{align-items:flex-start;flex-direction:column}.legacy-tool-group-heading p{max-width:none;text-align:left}.footer-bottom{flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.footer-brand-row,.footer-links{justify-content:center}.footer-links a{display:inline-flex;align-items:center;min-height:44px}}.legacy-browser-page{max-width:1280px;padding:0 1rem}.legacy-browser-shell{display:grid;gap:1.5rem}.legacy-browser-header-card,.legacy-filter-card,.legacy-browser-results-card,.legacy-browser-loading-card,.legacy-empty-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0d}.legacy-browser-header-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem}.legacy-browser-title{display:inline-flex;align-items:center;gap:.6rem;margin:0;color:#1f2937;font-size:1.5rem;font-weight:700;letter-spacing:0;font-family:inherit}.legacy-browser-subtitle{margin:.35rem 0 0;color:#6b7280;font-size:.95rem}.legacy-browser-helper{margin:.4rem 0 0;color:#6b7280;font-size:.875rem}.legacy-upload-control{flex-shrink:0}.legacy-upload-button{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.7rem 1rem;border-radius:.75rem;background:#2563eb;color:#fff;font-weight:600;box-shadow:none}.legacy-upload-button:hover{background:#1d4ed8}.legacy-browser-loading-card,.legacy-empty-panel{padding:2rem 1.5rem;text-align:center}.legacy-browser-loading-card h2,.legacy-empty-panel h3{margin:.6rem 0 0;color:#111827;font-size:1.125rem}.legacy-browser-loading-card p,.legacy-empty-panel p{margin:.45rem 0 0;color:#6b7280}.legacy-filter-card,.legacy-browser-results-card{padding:1.25rem}.legacy-filter-grid{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:.9rem}.legacy-filter-card .search-field span,.legacy-filter-card .multiselect>span{font-size:.875rem;font-weight:600;color:#374151}.legacy-filter-card .search-input-shell,.legacy-filter-card .multiselect-trigger{min-height:44px;padding:.6rem .85rem;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;box-shadow:none}.legacy-filter-card .search-input-shell:focus-within,.legacy-filter-card .multiselect-trigger:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.legacy-filter-card .multiselect-menu{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 16px 36px #0f172a1f}.legacy-filter-card .multiselect-option{padding:.55rem .75rem}.legacy-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.9rem;margin-top:1rem}.legacy-results-toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.legacy-reference-actions{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.legacy-reference-button,.legacy-clear-button,.legacy-inline-text-button,.legacy-load-more-button{border:0;box-shadow:none}.legacy-reference-button{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .9rem;border-radius:.7rem;font-weight:600}.legacy-reference-button.is-blue{background:#dbeafe;color:#1d4ed8}.legacy-reference-button.is-emerald{background:#d1fae5;color:#047857}.legacy-summary-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .85rem;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;background:#f9fafb;font-size:.875rem}.legacy-clear-button{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .9rem;border-radius:.75rem;background:#f3f4f6;color:#374151;font-weight:600}.legacy-clear-button:hover{background:#e5e7eb}.legacy-loaded-file-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;color:#4b5563;font-size:.875rem}.legacy-inline-text-button{min-height:44px;padding:0 .25rem;background:transparent;color:#2563eb;font-weight:600}.legacy-inline-text-button:hover{text-decoration:underline}.legacy-browser-results-card .error-text{margin-top:0;margin-bottom:1rem}.legacy-results-table-shell{border:1px solid #e5e7eb;border-radius:.875rem}.legacy-results-table{min-width:980px}.legacy-results-table th,.legacy-results-table td{padding:.85rem 1rem;border-bottom:1px solid #f3f4f6}.legacy-results-table th{background:#f9fafb;color:#4b5563;font-size:.82rem;font-weight:600}.legacy-browser-results-card .result-card{border:1px solid #e5e7eb;border-radius:.875rem;background:#fff;box-shadow:none}.legacy-browser-results-card .result-card-header{align-items:flex-start;justify-content:space-between;gap:.75rem}.result-card-title-block{display:grid;gap:.45rem;min-width:0}.result-card-title-block strong{font-size:.96rem;line-height:1.35}.result-card-code,.drawer-meta-chip{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:.3rem .65rem;border-radius:999px;background:#f3f4f6;color:#374151;font-size:.76rem;font-weight:600}.result-card-action{flex-shrink:0;color:#2563eb;font-size:.8rem;font-weight:600}.legacy-browser-results-card .result-card-grid{margin-top:.8rem;gap:.65rem}.result-card-field{display:grid;gap:.2rem;min-width:0;padding:.7rem .75rem;border:1px solid #f3f4f6;border-radius:.75rem;background:#f9fafb}.result-card-field p{margin:0;color:#111827;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}.legacy-browser-results-card .result-card-header strong{color:#111827}.legacy-load-more-button{min-height:44px;padding:.65rem 1rem;border-radius:.75rem}.reference-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#11182780;overflow:auto;overscroll-behavior:contain}.reference-modal-panel{width:min(980px,100%);max-height:min(calc(100dvh - 2rem),760px);overflow:hidden;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 24px 60px #0f172a3d}.reference-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.reference-modal-header.is-blue{background:#eff6ff;color:#1e3a8a}.reference-modal-header.is-emerald{background:#ecfdf5;color:#065f46}.reference-modal-header h3{margin:0;font-size:1rem}.reference-modal-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:#ffffffd9;color:inherit}.reference-modal-body{padding:1rem 1.25rem 1.25rem;overflow:auto;max-height:calc(min(100dvh - 2rem,760px) - 74px)}.reference-list-note-block{margin-bottom:1rem;padding:.9rem 1rem;border-radius:.875rem;background:#f9fafb;border:1px solid #e5e7eb}.reference-list-note-block ul{margin:0;padding-left:1.15rem;color:#4b5563}.reference-table-shell{overflow:auto;border:1px solid #e5e7eb;border-radius:.875rem}.reference-table{width:100%;border-collapse:collapse;min-width:720px}.reference-table th,.reference-table td{padding:.8rem .9rem;border-bottom:1px solid #f3f4f6;text-align:left;vertical-align:top}.reference-table th{background:#f9fafb;color:#4b5563;font-size:.82rem;font-weight:600}@media (max-width: 980px){.legacy-browser-header-card,.legacy-results-toolbar{flex-direction:column;align-items:stretch}.legacy-filter-grid{grid-template-columns:1fr 1fr}.legacy-results-toolbar-left{width:100%}}@media (max-width: 720px){.legacy-browser-page{width:min(100%,calc(100% - 1rem));padding:0}.legacy-browser-header-card,.legacy-filter-card,.legacy-browser-results-card{padding:1rem}.legacy-browser-shell{gap:1rem}.legacy-filter-grid{grid-template-columns:1fr}.legacy-browser-title{font-size:1.12rem;gap:.45rem}.legacy-reference-actions,.legacy-results-toolbar-left,.legacy-loaded-file-row{width:100%}.legacy-browser-subtitle,.legacy-browser-helper{font-size:.82rem}.legacy-filter-card .search-input-shell,.legacy-filter-card .multiselect-trigger,.legacy-reference-button,.legacy-clear-button,.legacy-summary-pill,.legacy-load-more-button{min-height:44px;padding:.52rem .75rem}.legacy-upload-control,.legacy-upload-button,.legacy-filter-card .search-field,.legacy-filter-card .multiselect,.legacy-reference-actions,.legacy-reference-button,.legacy-clear-button,.legacy-load-more-button{width:100%}.legacy-reference-actions{display:grid;grid-template-columns:1fr}.legacy-reference-button,.legacy-clear-button,.legacy-load-more-button{justify-content:center}.legacy-results-toolbar{gap:.7rem}.legacy-summary-pill,.legacy-loaded-file-row,.legacy-browser-results-card .result-card{font-size:.82rem}.legacy-loaded-file-row{display:grid;grid-template-columns:1fr;align-items:stretch}.legacy-inline-text-button{width:fit-content}.legacy-browser-results-card .result-card{padding:.85rem;border-radius:.8rem}.legacy-browser-results-card .result-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-panel{padding:.9rem .9rem 1rem;height:100dvh;border-left:0}.drawer-header{position:sticky;top:-.9rem;z-index:2;margin:-.9rem -.9rem 0;padding:.9rem;background:#fffffffa;border-bottom:1px solid #f3f4f6}.drawer-title-block h2{font-size:1rem}.drawer-row{padding:.7rem 0}.drawer-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.drawer-row-card{padding:.58rem .62rem}.drawer-row-card strong{font-size:.84rem;line-height:1.35}}@media (max-width: 560px){.site-main{padding:1rem 0 1.5rem}.legacy-welcome{margin-bottom:1.5rem}.legacy-welcome h1{font-size:1.55rem;line-height:1.25}.legacy-tools-copy p{font-size:.84rem}.legacy-tool-grid{grid-template-columns:1fr;gap:.75rem}.legacy-tool-grid .tool-card{gap:.7rem;padding:.8rem;border-radius:.8rem}.legacy-tool-grid .tool-card-top{margin-bottom:.2rem}.legacy-tool-grid .tool-icon-shell{width:32px;height:32px;border-radius:.55rem}.legacy-tool-grid .status-badge{min-height:28px;padding:.25rem .5rem;font-size:.7rem}.legacy-tool-grid .tool-card-body h3{font-size:1.02rem;line-height:1.35}.legacy-tool-grid .tool-card-body p{font-size:.84rem;line-height:1.48}.legacy-tool-grid .tool-card-footer{margin-top:.2rem;font-size:.88rem}.app-shell[data-language=th] .legacy-welcome h1{font-size:1.72rem;line-height:1.38}.app-shell[data-language=th] .legacy-tool-grid .tool-card-body h3{font-size:1.04rem;line-height:1.35}.app-shell[data-language=th] .legacy-tool-grid .tool-card-body p{font-size:.9rem;line-height:1.52}.app-shell[data-language=th] .legacy-tool-grid .tool-card-footer{font-size:.9rem;line-height:1.3}.app-shell[data-language=th] .legacy-tool-grid .status-badge{font-size:.72rem}.legacy-live-tool-grid .tool-card{min-height:auto;padding:.85rem}.legacy-live-tool-grid .tool-card-body h3{font-size:1.18rem}.legacy-live-tool-grid .tool-card-body p{font-size:.94rem;line-height:1.5}.legacy-live-tool-grid .tool-card-footer{font-size:.94rem}.legacy-live-tool-grid .status-badge{font-size:.68rem}.app-shell[data-language=th] .legacy-live-tool-grid .tool-card-body h3{font-size:1.2rem}.app-shell[data-language=th] .legacy-live-tool-grid .tool-card-body p{font-size:.96rem;line-height:1.55}.app-shell[data-language=th] .legacy-live-tool-grid .tool-card-footer{font-size:.96rem}.legacy-browser-header-card{padding:.95rem}.legacy-browser-title{align-items:flex-start;line-height:1.35}.legacy-upload-button{width:100%;justify-content:center}.legacy-browser-results-card .result-card-grid{grid-template-columns:1fr}.drawer-content-grid{grid-template-columns:1fr;gap:.5rem}.drawer-row-card{padding:.52rem .58rem;border-radius:.72rem}.drawer-row-card span{font-size:.72rem;line-height:1.2}.drawer-row-card strong{font-size:.8rem}}@media (max-width: 430px){.container,.legacy-home,.legacy-browser-page,.guideline-browser-page{width:min(100%,calc(100% - .75rem))}.brand-mark{width:30px;height:30px}.brand-title{max-width:calc(100vw - 6.25rem);font-size:.98rem}.brand-current-tool{max-width:calc(100vw - 6.25rem);font-size:.72rem}.mobile-nav-link,.mobile-language-button{font-size:.95rem}.footer-links{width:100%;gap:.35rem .8rem}.footer-links a{justify-content:center;flex:1 1 8rem}}.guideline-browser-page{max-width:1280px;padding:0 1rem}.guideline-browser-shell{display:grid;gap:1rem}.guideline-browser-header-card,.guideline-filter-card,.guideline-table-card,.guideline-empty-panel,.guideline-card,.guideline-modal-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0d}.guideline-browser-header-card{display:grid;gap:1rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.guideline-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0d}.guideline-header-actions{display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.guideline-header-filter-button{display:none}.guideline-browser-title{display:inline-flex;align-items:center;gap:.6rem;margin:0;color:#111827;font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:0}.guideline-browser-subtitle{margin:.35rem 0 0;color:#6b7280;font-size:.95rem}.guideline-primary-button,.guideline-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.65rem .95rem;border-radius:.75rem;border:1px solid transparent;font-weight:600;white-space:nowrap}.guideline-primary-button svg,.guideline-secondary-button svg,.guideline-header-filter-button svg{flex:0 0 auto}.guideline-button-spinner{animation:spin .8s linear infinite}.guideline-primary-button{background:#2563eb;color:#fff}.guideline-primary-button:hover{background:#1d4ed8}.guideline-primary-button.is-loading{border-color:#d1d5db;background:#f3f4f6;color:#4b5563;cursor:wait;pointer-events:none}.guideline-primary-button.is-loading:hover{border-color:#d1d5db;background:#f3f4f6;color:#4b5563}.guideline-primary-button.is-disabled:hover{background:#2563eb}.guideline-secondary-button{background:#fff;color:#374151;border-color:#d1d5db}.guideline-secondary-button:hover{background:#f9fafb}.guideline-secondary-button.is-disabled:hover{background:#fff}.guideline-primary-button:disabled,.guideline-secondary-button:disabled,.guideline-primary-button.is-disabled,.guideline-secondary-button.is-disabled,.guideline-version-action-button.is-disabled{cursor:not-allowed;opacity:.62}.guideline-primary-button.is-disabled,.guideline-secondary-button.is-disabled,.guideline-version-action-button.is-disabled{pointer-events:auto}.guideline-toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem}.guideline-toast p{margin:0;color:#166534;font-weight:700}.guideline-toast.is-success{background:#f0fdf4;border-color:#bbf7d0}.guideline-toast.is-alert{background:#fffbeb;border-color:#fcd34d}.guideline-toast{position:fixed;bottom:1rem;right:1rem;z-index:2147483647;width:min(420px,calc(100vw - 2rem));border:1px solid #bbf7d0;border-radius:.75rem;box-shadow:0 18px 45px #0f172a2e;animation:guideline-toast-in .22s ease-out}.guideline-toast>svg{flex:0 0 auto;color:#16a34a}.guideline-toast.is-alert>svg{color:#d97706}.guideline-toast.is-alert{border-color:#fcd34d}.guideline-toast p{flex:1;line-height:1.4}.guideline-toast .icon-button{color:#16a34a}.guideline-toast .icon-button:hover{background:#16a34a1f;color:#15803d}.guideline-toast.is-alert p,.guideline-toast.is-alert .icon-button{color:#92400e}.guideline-toast.is-alert .icon-button:hover{background:#d977061f;color:#78350f}@keyframes guideline-toast-in{0%{opacity:0;transform:translate(.75rem,.75rem) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.guideline-review-warning{display:flex;align-items:flex-start;gap:.45rem;padding:.8rem .9rem;border:1px solid #facc15;border-radius:.75rem;background:#fef9c3;color:#854d0e;font-size:.88rem;font-weight:700;line-height:1.4}.guideline-review-warning svg{flex:0 0 auto;margin-top:.05rem}.guideline-filter-card{display:grid;gap:.85rem;padding:1rem;box-shadow:none}.guideline-filter-mobile-backdrop,.guideline-mobile-filter-sheet,.guideline-mobile-filter-header,.guideline-mobile-filter-content,.guideline-mobile-filter-footer,.guideline-mobile-filter-actions,.guideline-mobile-action-dock,.guideline-mobile-action-dock-inner{display:none}.guideline-filter-body{display:grid;gap:.85rem}.guideline-filter-row{display:flex;align-items:center;gap:.9rem}.guideline-search-field,.guideline-multiselect-trigger{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;color:#6b7280}.guideline-search-field{flex:1;padding:0 .85rem}.guideline-search-field input{width:100%;border:0;outline:none;background:transparent;color:#111827}.guideline-filter-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.guideline-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #f3f4f6;color:#6b7280;font-size:.86rem}.guideline-filter-summary strong{color:#111827}.guideline-clear-filter-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.45rem .75rem;border:0;border-radius:.65rem;background:#f3f4f6;color:#374151;font-weight:700}.guideline-clear-filter-button:hover{background:#e5e7eb}.guideline-multiselect{position:relative;flex:0 0 164px;width:164px;min-width:0}.guideline-multiselect.is-year{flex-basis:112px;width:112px}.guideline-multiselect.is-disease{flex-basis:128px;width:128px}.guideline-multiselect-trigger{width:100%;justify-content:space-between;padding:0 .65rem;font-size:.8rem;font-weight:600;text-align:left}.guideline-multiselect-trigger:hover{background:#f9fafb}.guideline-multiselect-value{flex:1;display:inline-flex;align-items:center;gap:.55rem;min-width:0}.guideline-multiselect-trigger>svg,.guideline-multiselect-value>svg{flex:0 0 auto}.guideline-multiselect-value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guideline-multiselect-menu{position:absolute;z-index:30;top:calc(100% + .35rem);left:0;width:max(100%,220px);max-height:260px;overflow:auto;padding:.35rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;box-shadow:0 16px 32px #0f172a1f}.guideline-multiselect-option{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.55rem;width:100%;min-height:44px;padding:.45rem .55rem;border:0;border-radius:.55rem;background:transparent;color:#374151;font-size:.86rem;font-weight:600;text-align:left}.guideline-multiselect-option:hover,.guideline-multiselect-option.is-selected{background:#eff6ff;color:#1d4ed8}.guideline-multiselect-check{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.guideline-view-toggle{display:inline-flex;align-items:center;gap:.2rem;min-height:44px;padding:.2rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f3f4f6}.guideline-view-toggle button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:.55rem;background:transparent;color:#6b7280}.guideline-view-toggle button.is-active{background:#fff;color:#2563eb;box-shadow:0 1px 2px #0f172a14}.guideline-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.guideline-card{--guideline-group-accent: #64748b;--guideline-group-bg: #e2e8f0;--guideline-group-highlight: #cbd5e1;--guideline-group-text: #334155;--guideline-group-dark-bg: #334155;--guideline-group-dark-text: #e2e8f0;position:relative;display:grid;grid-template-rows:auto 1fr;gap:0;height:100%;padding:0;overflow:hidden;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.guideline-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 10px 24px #0f172a14}.guideline-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--guideline-group-accent);opacity:.72;pointer-events:none}.guideline-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:var(--guideline-cover-aspect-ratio, 3 / 4);overflow:hidden;border-bottom:1px solid #f3f4f6;background:#fff}.guideline-cover.is-compact{width:150px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:.875rem}.guideline-cover img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.guideline-cover img.is-loading{opacity:0}.guideline-cover-licensed-tag{position:absolute;right:.5rem;bottom:.5rem;z-index:2;max-width:calc(100% - 1rem);padding:.36rem .6rem;border:1px solid rgba(75,85,99,.28);border-radius:.6rem;background:#111827d6;color:#fff;font-size:.78rem;font-weight:800;line-height:1.25;text-align:right;white-space:normal;box-shadow:0 8px 18px #0f172a2e}.guideline-cover-loading{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f8fafc}.guideline-cover-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);animation:guideline-cover-shimmer 1.1s ease-in-out infinite}@keyframes guideline-cover-shimmer{to{transform:translate(100%)}}.guideline-card-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:.55rem;height:100%;padding:.8rem}.guideline-cover-empty{display:grid;place-items:center;gap:.4rem;color:#9ca3af;font-size:.7rem;font-weight:700;text-transform:uppercase}.guideline-cover-fallback{width:100%;height:100%;display:grid;align-content:space-between;justify-items:start;padding:.85rem;background:linear-gradient(180deg,#ffffffd1,#f8fafceb),linear-gradient(135deg,#f8fafc 0%,#ffffff 55%,var(--guideline-group-bg) 100%);color:var(--guideline-group-text)}.guideline-cover-fallback-mark{display:grid;gap:.45rem}.guideline-cover-fallback-mark svg{opacity:.72}.guideline-cover-fallback-mark strong{display:block;font-size:clamp(1.2rem,3vw,1.8rem);line-height:1;letter-spacing:0}.guideline-cover-fallback span{align-self:end;font-size:.74rem;font-weight:800;line-height:1.25}.guideline-cover-fallback small{font-size:.7rem;font-weight:700;opacity:.78}.guideline-card-content strong{align-self:stretch;min-height:3.75em;color:#111827;font-size:.98rem;line-height:1.42;text-align:left}.guideline-card-tags,.guideline-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;min-width:0}.guideline-card-tags{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;justify-content:stretch}.guideline-card-meta{display:grid;align-self:end;justify-self:stretch;justify-content:start;justify-items:start;width:100%;color:#6b7280;font-size:.82rem;min-width:0;text-align:left}@media (min-width: 761px){.guideline-gallery-grid .guideline-cover{aspect-ratio:3 / 4!important}.guideline-gallery-grid .guideline-card-content{display:flex;flex-direction:column;min-height:9.5rem}.guideline-gallery-grid .guideline-card-meta{margin-top:auto}}.guideline-card-meta span,.guideline-detail-grid strong,.guideline-version-block h3{display:inline-flex;align-items:center;gap:.45rem}.guideline-card-meta span{justify-content:flex-start;width:100%}.guideline-card-institution{min-width:0}.guideline-card-institution svg{flex:0 0 auto;margin-top:.1rem}.guideline-card-institution-text{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}.guideline-chip{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:22px;padding:.22rem .48rem;border-radius:.5rem;background:#f3f4f6;color:#374151;font-size:.66rem;font-weight:700;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.guideline-chip.is-region{border-radius:999px;background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb;flex-shrink:0;white-space:nowrap}.guideline-chip.is-disease-group{gap:.35rem;width:fit-content;justify-self:start;min-width:0;background:#f9fafb;color:#374151;border:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guideline-chip.is-disease-group:before{content:"";width:.45rem;height:.45rem;flex:0 0 auto;border-radius:999px;background:var(--guideline-group-accent)}.guideline-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guideline-chip.is-local,.guideline-chip.is-international{background:#f3f4f6;color:#4b5563}.guideline-table-card{padding:0;overflow:hidden}.guideline-table-shell{overflow:auto}.guideline-table{width:100%;min-width:980px;border-collapse:collapse;color:#4b5563;font-size:.88rem}.guideline-table-card .guideline-table{table-layout:fixed}.guideline-table-card .guideline-table th:nth-child(1),.guideline-table-card .guideline-table td:nth-child(1){width:31%}.guideline-table-card .guideline-table th:nth-child(2),.guideline-table-card .guideline-table td:nth-child(2){width:28%}.guideline-table-card .guideline-table th:nth-child(3),.guideline-table-card .guideline-table td:nth-child(3){width:17%}.guideline-table-card .guideline-table th:nth-child(4),.guideline-table-card .guideline-table td:nth-child(4){width:15%}.guideline-table-card .guideline-table th:nth-child(5),.guideline-table-card .guideline-table td:nth-child(5){width:9%}.guideline-table.is-compact{min-width:520px}.guideline-version-block .guideline-table.is-compact{table-layout:auto}.guideline-version-block .guideline-table.is-compact th:first-child,.guideline-version-block .guideline-table.is-compact td:first-child{width:5.5rem;min-width:5.5rem;white-space:nowrap}.guideline-table th,.guideline-table td{padding:.9rem .85rem;border-bottom:1px solid #f3f4f6;text-align:left;vertical-align:top}.guideline-table th{background:#f9fafb;color:#4b5563;font-size:.78rem;font-weight:700}.guideline-table tbody tr{cursor:pointer}.guideline-table tbody tr:hover{background:#eff6ff}.guideline-version-block .guideline-table tbody tr{cursor:default}.guideline-version-block .guideline-table tbody tr:hover{background:transparent}.guideline-table td strong{color:#111827;line-height:1.45}.guideline-table-institution{max-width:none;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.guideline-table .guideline-chip.is-disease-group{width:auto;white-space:normal}.guideline-table .guideline-chip.is-disease-group .guideline-chip-label{overflow:visible;text-overflow:clip;white-space:normal}.guideline-table .guideline-chip.is-region{max-width:100%}.guideline-empty-panel{display:grid;place-items:center;gap:.65rem;padding:2.5rem 1.5rem;color:#9ca3af;text-align:center}.guideline-empty-panel p{margin:0;color:#6b7280}.guideline-loading-panel{display:grid;place-items:center;gap:1rem;min-height:260px;padding:2.5rem 1.5rem;border:1px solid #dbeafe;border-radius:1rem;background:linear-gradient(180deg,#eff6ffd1,#fffffff5),#fff;color:#1f2937;text-align:center;overflow:hidden}.guideline-loader{position:relative;width:76px;height:76px;display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;padding:.45rem}.guideline-loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #bfdbfe;border-radius:1.1rem;animation:guideline-loader-frame 1.6s ease-in-out infinite}.guideline-loader span{display:block;border-radius:.55rem;background:#2563eb;animation:guideline-loader-tile 1.2s ease-in-out infinite}.guideline-loader span:nth-child(2){animation-delay:.12s;background:#0ea5e9}.guideline-loader span:nth-child(3){animation-delay:.24s;background:#14b8a6}.guideline-loader span:nth-child(4){animation-delay:.36s;background:#64748b}.guideline-loading-copy{display:grid;gap:.35rem}.guideline-loading-copy p{margin:0;color:#111827;font-size:1rem;font-weight:800}.guideline-loading-copy span{color:#6b7280;font-size:.9rem;line-height:1.6}@keyframes guideline-loader-tile{0%,to{opacity:.52;transform:scale(.76)}50%{opacity:1;transform:scale(1)}}@keyframes guideline-loader-frame{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.92)}}.guideline-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000c7;overflow-y:auto;overscroll-behavior:contain}.guideline-modal-backdrop.is-under-suggestion-modal{background:transparent}.guideline-modal-panel{width:min(720px,100%);max-height:min(calc(100dvh - 2rem),820px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0f172a47}.guideline-modal-header,.guideline-modal-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border-bottom:1px solid #f3f4f6}.guideline-modal-header h2{margin:0;color:#111827;font-size:1.18rem;line-height:1.45}.guideline-detail-title-block{display:grid;gap:.65rem;min-width:0}.guideline-suggestion-panel .guideline-modal-header h2{font-size:1.34rem;line-height:1.35}.guideline-detail-header{align-items:center;padding-top:.9rem;padding-bottom:.9rem}.guideline-detail-header h2{line-height:1.25}.guideline-detail-vid{display:inline-block;margin-left:.45rem;color:#9ca3af;font-size:.62rem;font-weight:500;line-height:1.2;vertical-align:baseline}.guideline-licensed-disclaimer{display:grid;gap:.35rem;max-width:54rem;padding:.95rem 1rem;border:1px solid #fecaca;border-radius:.875rem;background:#fef2f2;color:#991b1b;font-size:.92rem;line-height:1.55}.guideline-licensed-disclaimer strong{color:#7f1d1d;font-size:.96rem;font-weight:800}.guideline-licensed-disclaimer span{overflow-wrap:anywhere}.guideline-modal-body{display:grid;gap:1.25rem;padding:1.35rem;overflow:auto}.guideline-detail-top{display:flex;align-items:flex-start;gap:1.25rem}.guideline-detail-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:1rem;border:1px solid #f3f4f6;border-radius:.875rem;background:#f9fafb}.guideline-detail-grid article{display:grid;gap:.3rem;min-width:0}.guideline-detail-grid article span{color:#6b7280;font-size:.9rem;font-weight:600;text-transform:none}.guideline-detail-grid strong{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem;color:#111827;font-size:1.08rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.guideline-detail-grid strong svg{width:16px;height:16px;flex:0 0 auto;margin-top:.1rem}.guideline-detail-value-text{min-width:0;overflow-wrap:anywhere}.guideline-detail-grid .guideline-detail-institution{grid-column:1 / -1}.app-shell[data-language=th] .guideline-detail-grid article span{font-size:.98rem;line-height:1.35}.app-shell[data-language=th] .guideline-detail-grid strong{font-size:1.16rem;line-height:1.42}.guideline-version-block{display:grid;gap:.75rem}.guideline-version-block h3{margin:0;color:#374151;font-size:.95rem}.guideline-version-block .guideline-table-shell{border:1px solid #e5e7eb;border-radius:.75rem}.guideline-table th.guideline-version-actions-heading,.guideline-table td.guideline-version-actions-cell{text-align:left}.guideline-table td.guideline-version-actions-cell{position:relative}.guideline-version-block .guideline-table th{white-space:nowrap}.guideline-version-name-cell{min-width:220px;max-width:340px;line-height:1.45;overflow-wrap:anywhere}.guideline-version-year-cell,.guideline-version-year-cell strong{white-space:nowrap}.guideline-inline-actions{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:nowrap}.guideline-modal-action-stack{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0}.guideline-missing-file-note{position:absolute;right:0;bottom:calc(100% + .65rem);z-index:5;width:max-content;max-width:min(30rem,calc(100vw - 2rem));min-width:0;margin:0;padding:.85rem 2.4rem .85rem 1rem;border:1px solid #fcd34d;border-radius:.75rem;background:#fffbeb;box-shadow:0 18px 42px #0f172a33;color:#92400e;font-size:.92rem;font-weight:600;line-height:1.6;text-align:left;white-space:normal}.guideline-missing-file-note p{margin:0}.guideline-missing-file-note-dismiss{position:absolute;top:.45rem;right:.45rem;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;padding:0;border:0;border-radius:.45rem;background:transparent;color:currentColor}.guideline-missing-file-note-dismiss:hover{background:#92400e1f}.guideline-version-actions-cell .guideline-missing-file-note{left:auto;right:calc(100% + .5rem);top:50%;bottom:auto;transform:translateY(-50%);text-align:left}.guideline-missing-file-note.is-licensed{border-color:#fecaca;background:#fef2f2;color:#991b1b}.guideline-version-action-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.4rem .65rem;border:1px solid #bfdbfe;border-radius:.6rem;background:#eff6ff;color:#1d4ed8;font-size:.78rem;font-weight:700;line-height:1.2;white-space:nowrap}.guideline-version-action-button:hover{background:#dbeafe;border-color:#93c5fd;text-decoration:none}.guideline-version-action-button.is-disabled:hover{background:#eff6ff;border-color:#bfdbfe;text-decoration:none}.guideline-primary-button.is-licensed,.guideline-primary-button.is-licensed:hover,.guideline-primary-button.is-disabled,.guideline-primary-button.is-disabled:hover,.guideline-version-action-button.is-licensed,.guideline-version-action-button.is-licensed:hover,.guideline-version-action-button.is-disabled,.guideline-version-action-button.is-disabled:hover{border-color:#d1d5db;background:#f3f4f6;color:#4b5563;text-decoration:none}.guideline-modal-footer{align-items:center;border-top:1px solid #f3f4f6;border-bottom:0}.guideline-modal-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:nowrap;justify-content:flex-end}.guideline-detail-panel .guideline-modal-footer>.guideline-secondary-button,.guideline-detail-panel .guideline-modal-actions .guideline-secondary-button,.guideline-detail-panel .guideline-modal-actions .guideline-primary-button{min-height:34px;gap:.35rem;padding:.45rem .72rem;border-radius:.62rem;font-size:.82rem}.guideline-detail-panel .guideline-modal-footer>.guideline-secondary-button svg,.guideline-detail-panel .guideline-modal-actions .guideline-secondary-button svg,.guideline-detail-panel .guideline-modal-actions .guideline-primary-button svg{width:14px;height:14px}.guideline-suggestion-panel{width:min(760px,100%)}.guideline-suggestion-panel form{display:flex;min-height:0;flex-direction:column}.guideline-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.guideline-edit-version-preview{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:1rem}.guideline-edit-version-preview .guideline-cover.is-compact{width:132px}.guideline-edit-version-fields{display:grid;gap:.85rem}.guideline-form-field{display:grid;gap:.35rem;min-width:0}.guideline-form-field.is-wide{grid-column:1 / -1}.guideline-form-field span{color:#4b5563;font-size:.86rem;font-weight:700}.guideline-required-mark{color:#dc2626!important}.guideline-form-field input,.guideline-form-field select,.guideline-form-field textarea{width:100%;min-height:44px;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;color:#111827;padding:.55rem .7rem;font:inherit;font-size:.95rem}.guideline-form-field textarea{min-height:92px;resize:vertical}.guideline-thumbnail-upload{display:grid;grid-template-columns:132px minmax(0,1fr);gap:.75rem;align-items:start}.guideline-thumbnail-upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;color:#111827;padding:.55rem .7rem;cursor:pointer;font-weight:700}.guideline-thumbnail-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.guideline-thumbnail-upload-status{display:grid;gap:.4rem;min-width:0;color:#64748b}.guideline-thumbnail-upload-status small{font-size:.82rem;line-height:1.4}.guideline-thumbnail-preview{width:132px;aspect-ratio:1 / 1;overflow:hidden;border:1px solid #e5e7eb;border-radius:.75rem;background:#f8fafc;color:#94a3b8;display:grid;place-items:center}.guideline-thumbnail-preview img{width:100%;height:100%;display:block;object-fit:cover}.guideline-thumbnail-upload-result{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.guideline-thumbnail-upload-result span{color:#166534;font-size:.86rem}.guideline-thumbnail-upload-result button{border:0;background:transparent;color:#b91c1c;padding:0;cursor:pointer;font:inherit;font-size:.85rem;font-weight:700}.guideline-form-error{margin:0;color:#b91c1c;font-weight:700}.app-shell[data-theme=dark] .guideline-browser-header-card,.app-shell[data-theme=dark] .guideline-header-main,.app-shell[data-theme=dark] .guideline-filter-card,.app-shell[data-theme=dark] .guideline-table-card,.app-shell[data-theme=dark] .guideline-empty-panel,.app-shell[data-theme=dark] .guideline-card,.app-shell[data-theme=dark] .guideline-modal-panel,html[data-theme=dark] .guideline-modal-panel{background:#111827;border-color:#334155;color:#e5e7eb}.app-shell[data-theme=dark] .guideline-browser-title,.app-shell[data-theme=dark] .guideline-card-content strong,.app-shell[data-theme=dark] .guideline-table td strong,.app-shell[data-theme=dark] .guideline-modal-header h2,.app-shell[data-theme=dark] .guideline-detail-grid strong,html[data-theme=dark] .guideline-modal-header h2,html[data-theme=dark] .guideline-detail-grid strong,html[data-theme=dark] .guideline-version-block h3,html[data-theme=dark] .guideline-table td strong{color:#f8fafc}.app-shell[data-theme=dark] .guideline-browser-subtitle,.app-shell[data-theme=dark] .guideline-card-meta,.app-shell[data-theme=dark] .guideline-empty-panel p,.app-shell[data-theme=dark] .guideline-detail-vid,.app-shell[data-theme=dark] .guideline-detail-grid article span,html[data-theme=dark] .guideline-detail-vid,html[data-theme=dark] .guideline-detail-grid article span{color:#cbd5e1}.app-shell[data-theme=dark] .guideline-search-field,.app-shell[data-theme=dark] .guideline-multiselect-trigger,.app-shell[data-theme=dark] .guideline-secondary-button,.app-shell[data-theme=dark] .guideline-clear-filter-button,.app-shell[data-theme=dark] .guideline-view-toggle,.app-shell[data-theme=dark] .guideline-detail-grid,.app-shell[data-theme=dark] .guideline-version-block .guideline-table-shell,html[data-theme=dark] .guideline-secondary-button,html[data-theme=dark] .guideline-detail-grid,html[data-theme=dark] .guideline-version-block .guideline-table-shell{background:#1f2937;border-color:#334155;color:#d1d5db}.app-shell[data-theme=dark] .guideline-cover,html[data-theme=dark] .guideline-cover{background:#fff;border-color:#334155}.app-shell[data-theme=dark] .guideline-cover-loading,html[data-theme=dark] .guideline-cover-loading{background:#1f2937}.app-shell[data-theme=dark] .guideline-cover-loading:after,html[data-theme=dark] .guideline-cover-loading:after{background:linear-gradient(90deg,transparent,rgba(148,163,184,.24),transparent)}.app-shell[data-theme=dark] .guideline-filter-summary,html[data-theme=dark] .guideline-filter-summary{border-color:#334155;color:#cbd5e1}@media (max-width: 760px){.app-shell[data-theme=dark] .guideline-filter-card{background:#0f172af5}html[data-theme=dark] .guideline-filter-mobile-backdrop{background:#020617ad}html[data-theme=dark] .guideline-mobile-action-dock-inner{background:#0f172afa;border-color:#334155;box-shadow:0 16px 32px #00000059}html[data-theme=dark] .guideline-mobile-action-dock .guideline-header-filter-button{background:#1f2937;border-color:#334155;color:#d1d5db}html[data-theme=dark] .guideline-mobile-filter-section h3{color:#f8fafc}html[data-theme=dark] .guideline-mobile-filter-chip{background:#1f2937;border-color:#334155;color:#d1d5db}html[data-theme=dark] .guideline-mobile-filter-chip.is-selected{background:#172554;border-color:#2563eb;color:#93c5fd}html[data-theme=dark] .guideline-mobile-filter-sheet{background:#0f172a;border-color:#334155}html[data-theme=dark] .guideline-mobile-filter-header{background:#0f172a}html[data-theme=dark] .guideline-mobile-filter-footer{background:#0f172a;border-top-color:#334155}html[data-theme=dark] .guideline-mobile-filter-header{border-color:#334155}html[data-theme=dark] .guideline-mobile-filter-header strong{color:#f8fafc}html[data-theme=dark] .guideline-mobile-filter-header span{color:#cbd5e1}html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-search-field,html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-multiselect-trigger,html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-clear-filter-button,html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-filter-summary{background:#1f2937;border-color:#334155;color:#d1d5db}html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-filter-summary{border-top-color:#334155}html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-search-field input{color:#f8fafc}html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-multiselect-menu{background:#111827;border-color:#334155;box-shadow:0 16px 32px #00000047}html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-multiselect-option{color:#d1d5db}html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-multiselect-option:hover,html[data-theme=dark] .guideline-mobile-filter-sheet .guideline-multiselect-option.is-selected{background:#172554;color:#93c5fd}}.app-shell[data-theme=dark] .guideline-header-filter-button,.app-shell[data-theme=dark] .guideline-mobile-filter-header{color:#e5e7eb}.app-shell[data-theme=dark] .guideline-header-filter-button,html[data-theme=dark] .guideline-header-filter-button{background:#1f2937;border-color:#334155;color:#e5e7eb}.app-shell[data-theme=dark] .guideline-mobile-filter-header span{color:#cbd5e1}.app-shell[data-theme=dark] .guideline-filter-summary strong,html[data-theme=dark] .guideline-filter-summary strong,.app-shell[data-theme=dark] .guideline-mobile-filter-results strong,html[data-theme=dark] .guideline-mobile-filter-results strong,.app-shell[data-theme=dark] .guideline-search-field input{color:#f8fafc}.app-shell[data-theme=dark] .guideline-multiselect-menu{background:#111827;border-color:#334155;box-shadow:0 16px 32px #00000047}.app-shell[data-theme=dark] .guideline-multiselect-option{color:#d1d5db}.app-shell[data-theme=dark] .guideline-multiselect-option:hover,.app-shell[data-theme=dark] .guideline-multiselect-option.is-selected{background:#172554;color:#93c5fd}.app-shell[data-theme=dark] .guideline-table th,html[data-theme=dark] .guideline-table th{background:#1f2937;color:#cbd5e1}html[data-theme=dark] .guideline-table{color:#cbd5e1}.app-shell[data-theme=dark] .guideline-table th,.app-shell[data-theme=dark] .guideline-table td,.app-shell[data-theme=dark] .guideline-modal-header,.app-shell[data-theme=dark] .guideline-modal-footer,html[data-theme=dark] .guideline-table th,html[data-theme=dark] .guideline-table td,html[data-theme=dark] .guideline-modal-header,html[data-theme=dark] .guideline-modal-footer{border-color:#334155}html[data-theme=dark] .guideline-modal-body,html[data-theme=dark] .guideline-table td{background:#111827}html[data-theme=dark] .guideline-version-action-button{background:#172554;border-color:#1d4ed8;color:#93c5fd}html[data-theme=dark] .guideline-version-action-button:hover{background:#1e3a8a;border-color:#3b82f6}.app-shell[data-theme=dark] .guideline-toast.is-success,html[data-theme=dark] .guideline-toast.is-success{background:#052e16;border-color:#166534}.app-shell[data-theme=dark] .guideline-toast.is-alert,html[data-theme=dark] .guideline-toast.is-alert{background:#422006;border-color:#a16207}.app-shell[data-theme=dark] .guideline-toast p,html[data-theme=dark] .guideline-toast p{color:#bbf7d0}.app-shell[data-theme=dark] .guideline-toast>svg,html[data-theme=dark] .guideline-toast>svg{color:#4ade80}.app-shell[data-theme=dark] .guideline-toast .icon-button,html[data-theme=dark] .guideline-toast .icon-button{color:#4ade80}.app-shell[data-theme=dark] .guideline-toast .icon-button:hover,html[data-theme=dark] .guideline-toast .icon-button:hover{background:#4ade801f;color:#86efac}.app-shell[data-theme=dark] .guideline-toast.is-alert p,.app-shell[data-theme=dark] .guideline-toast.is-alert>svg,.app-shell[data-theme=dark] .guideline-toast.is-alert .icon-button,html[data-theme=dark] .guideline-toast.is-alert p,html[data-theme=dark] .guideline-toast.is-alert>svg,html[data-theme=dark] .guideline-toast.is-alert .icon-button{color:#fcd34d}.app-shell[data-theme=dark] .guideline-toast.is-alert .icon-button:hover,html[data-theme=dark] .guideline-toast.is-alert .icon-button:hover{background:#fcd34d24;color:#fde68a}.app-shell[data-theme=dark] .guideline-review-warning,html[data-theme=dark] .guideline-review-warning{background:#422006;border-color:#a16207;color:#fde68a}.app-shell[data-theme=dark] .guideline-form-field span,html[data-theme=dark] .guideline-form-field span{color:#cbd5e1}.app-shell[data-theme=dark] .guideline-form-field input,.app-shell[data-theme=dark] .guideline-form-field select,.app-shell[data-theme=dark] .guideline-form-field textarea,html[data-theme=dark] .guideline-form-field input,html[data-theme=dark] .guideline-form-field select,html[data-theme=dark] .guideline-form-field textarea,.app-shell[data-theme=dark] .guideline-thumbnail-upload-button,html[data-theme=dark] .guideline-thumbnail-upload-button{background:#1f2937;border-color:#334155;color:#f8fafc}.app-shell[data-theme=dark] .guideline-thumbnail-upload-result span,html[data-theme=dark] .guideline-thumbnail-upload-result span{color:#86efac}.app-shell[data-theme=dark] .guideline-thumbnail-preview,html[data-theme=dark] .guideline-thumbnail-preview{background:#0f172a;border-color:#334155}.app-shell[data-theme=dark] .guideline-table tbody tr:hover{background:#172554}.app-shell[data-theme=dark] .guideline-version-block .guideline-table tbody tr:hover,html[data-theme=dark] .guideline-version-block .guideline-table tbody tr:hover{background:transparent}.app-shell[data-theme=dark] .guideline-chip{background:#1f2937;color:#cbd5e1;border:1px solid #334155}.app-shell[data-theme=dark] .guideline-chip.is-disease-group{background:#1f2937;color:#cbd5e1;border-color:#334155}.app-shell[data-theme=dark] .guideline-cover-fallback,html[data-theme=dark] .guideline-cover-fallback{background:linear-gradient(180deg,#0f172ab3,#111827eb),linear-gradient(135deg,#1f2937 0%,#111827 58%,var(--guideline-group-dark-bg) 100%);color:var(--guideline-group-dark-text)}.app-shell[data-theme=dark] .guideline-chip.is-local,.app-shell[data-theme=dark] .guideline-chip.is-international{background:#1f2937;color:#cbd5e1}@media (max-width: 1180px){.guideline-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1080px){.guideline-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guideline-filter-card{align-items:stretch}.guideline-filter-row{flex-direction:column;align-items:stretch}}@media (max-width: 760px){.guideline-browser-page{width:min(100%,calc(100% - 1rem));padding:0}.guideline-browser-header-card{position:sticky;top:64px;z-index:55;gap:.5rem;padding:.62rem .7rem;border:1px solid #e5e7eb;border-radius:1rem;background:#fff;box-shadow:0 14px 34px #0f172a1f;max-height:11rem;opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .18s ease,border-color .18s ease,box-shadow .18s ease}.guideline-browser-header-card.is-mobile-hidden{max-height:0;opacity:0;transform:translateY(-8px);padding-top:0;padding-bottom:0;border-color:transparent;box-shadow:none;overflow:hidden;pointer-events:none}.guideline-header-main{flex-direction:column;align-items:stretch;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.guideline-header-intro{display:grid;gap:.2rem;overflow:hidden;max-height:5.5rem;opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .18s ease,transform .18s ease}.guideline-browser-title{font-size:1.02rem;gap:.42rem}.guideline-browser-subtitle{margin-top:.1rem;font-size:.8rem;line-height:1.25}.guideline-header-main.is-mobile-condensed{gap:0}.guideline-header-main.is-mobile-condensed .guideline-header-intro{max-height:0;opacity:0;transform:translateY(-6px);pointer-events:none}.guideline-header-actions{width:100%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;max-height:56px;opacity:1;transform:translateY(0);transition:max-height .22s ease,opacity .18s ease,transform .18s ease}.guideline-header-actions.is-mobile-faded{max-height:0;opacity:0;transform:translateY(-8px);overflow:hidden;pointer-events:none}.guideline-suggestion-panel .guideline-modal-header h2{font-size:1.22rem}.guideline-header-filter-button{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem;width:100%;min-height:36px;padding:.42rem .62rem;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;color:#374151;font-weight:700;font-size:.86rem}.guideline-header-filter-button span{white-space:nowrap}.guideline-header-filter-button strong{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.66rem;line-height:1}.guideline-mobile-action-dock{position:fixed;left:0;right:0;top:64px;z-index:30;display:block;pointer-events:none;padding:.65rem .75rem 0}.guideline-mobile-action-dock.is-visible{pointer-events:auto;animation:guideline-mobile-dock-in .18s ease-out}.guideline-mobile-action-dock-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.5rem;padding:.42rem;border:1px solid #dbe3ef;border-radius:.9rem;background:#fffffffa;box-shadow:0 16px 32px #0f172a33}.guideline-mobile-action-dock .guideline-primary-button,.guideline-mobile-action-dock .guideline-header-filter-button{min-height:32px;padding-top:.34rem;padding-bottom:.34rem}.guideline-mobile-action-dock .guideline-primary-button span,.guideline-mobile-action-dock .guideline-header-filter-button span{font-size:.84rem}@keyframes guideline-mobile-dock-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes guideline-filter-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes guideline-filter-sheet-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.guideline-filter-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;align-items:start;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-top:0;animation:guideline-filter-backdrop-in .16s ease-out}.guideline-mobile-filter-sheet{display:flex;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;overflow:auto;background:#fff;border:0;transform-origin:top center;animation:guideline-filter-sheet-in .22s ease-out}.guideline-mobile-filter-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:sticky;top:0;z-index:20;padding:calc(.95rem + env(safe-area-inset-top)) .95rem .8rem;border-bottom:1px solid #e5e7eb;background:#fff}.guideline-mobile-filter-header div{display:grid;gap:.2rem;min-width:0}.guideline-mobile-filter-header strong{color:#111827;font-size:.94rem}.guideline-mobile-filter-header span{color:#6b7280;font-size:.78rem;font-weight:700}.guideline-mobile-filter-results{display:block;color:#374151;font-size:.82rem;font-weight:700}.guideline-mobile-filter-content{display:grid;align-content:start;gap:.85rem;overflow:visible;padding:.95rem;flex:1 0 auto;position:relative}.guideline-mobile-filter-top-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;position:relative;z-index:10}.guideline-mobile-filter-section{display:grid;gap:.6rem}.guideline-mobile-filter-section h3{margin:0;color:#111827;font-size:.9rem;font-weight:700}.guideline-mobile-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.guideline-mobile-filter-chip{min-height:34px;padding:.34rem .62rem;border:1px solid #e5e7eb;border-radius:.7rem;background:#f3f4f6;color:#1f2937;font-size:.82rem;font-weight:600;line-height:1.2}.guideline-mobile-filter-chip.is-selected{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.guideline-mobile-filter-footer{display:grid;gap:.75rem;padding:.95rem;border-top:1px solid #e5e7eb;background:#fff;position:sticky;bottom:0;z-index:6}.guideline-mobile-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.guideline-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}.guideline-cover{aspect-ratio:var(--guideline-cover-aspect-ratio, 4 / 5)}.guideline-card-content{padding:.52rem;gap:.42rem}.guideline-cover-licensed-tag{right:.38rem;bottom:.38rem;padding:.3rem .48rem;font-size:.68rem}.guideline-card-content strong{font-size:.9rem;min-height:3.15em}.guideline-browser-header-card,.guideline-modal-footer,.guideline-detail-top{flex-direction:column;align-items:stretch}.guideline-primary-button,.guideline-secondary-button{width:100%}.guideline-header-actions .guideline-primary-button{min-width:0;min-height:34px;padding:.34rem .56rem}.guideline-header-actions .guideline-primary-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.guideline-filter-controls,.guideline-modal-actions{width:100%}.guideline-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.65rem}.guideline-filter-summary{display:grid;gap:.6rem;align-items:stretch;margin-top:.35rem;padding-top:.85rem;border-top:1px solid #e5e7eb}.guideline-clear-filter-button{width:100%}.guideline-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guideline-modal-actions .guideline-primary-button,.guideline-modal-actions .guideline-secondary-button{width:auto;min-width:0;padding-inline:.65rem}.guideline-modal-actions .guideline-primary-button span,.guideline-modal-actions .guideline-secondary-button span{overflow:hidden;text-overflow:ellipsis}.guideline-multiselect{flex:1 1 auto;width:100%;min-width:0}.guideline-multiselect.is-disease,.guideline-multiselect.is-year{flex-basis:auto;width:100%}.guideline-multiselect-menu{width:min(380px,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.guideline-mobile-filter-content .guideline-multiselect-menu{z-index:12}.guideline-multiselect:nth-last-child(-n+2) .guideline-multiselect-menu{left:auto;right:0}.guideline-cover.is-compact{width:min(160px,55vw);margin:0 auto}.guideline-edit-version-preview{grid-template-columns:1fr}.guideline-edit-version-preview .guideline-cover.is-compact{width:min(160px,55vw)}.guideline-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.guideline-detail-grid article span{font-size:.82rem;line-height:1.3}.guideline-detail-grid strong{font-size:.98rem;line-height:1.35}.app-shell[data-language=th] .guideline-detail-grid article span{font-size:.9rem}.app-shell[data-language=th] .guideline-detail-grid strong{font-size:1.04rem}.guideline-detail-field-group{grid-column:1;grid-row:1}.guideline-detail-field-region{grid-column:1;grid-row:2}.guideline-detail-field-release-date{grid-column:2;grid-row:1}.guideline-detail-field-latest-release{grid-column:2;grid-row:2}.guideline-detail-grid .guideline-detail-institution{grid-column:1 / -1;grid-row:3}.guideline-version-block .guideline-table-shell{overflow-x:hidden}.guideline-version-block .guideline-table.is-compact{min-width:0;width:100%;table-layout:fixed}.guideline-version-block .guideline-table.is-compact th:first-child,.guideline-version-block .guideline-table.is-compact td:first-child{width:4.6rem;min-width:4.6rem}.guideline-version-block .guideline-table.is-compact th:last-child,.guideline-version-block .guideline-table.is-compact td:last-child{width:8.25rem;min-width:8.25rem}.guideline-version-block .guideline-table th,.guideline-version-block .guideline-table td{padding:.6rem .52rem;font-size:.74rem}.guideline-version-name-cell{min-width:0;max-width:none}.guideline-form-grid{grid-template-columns:1fr}.guideline-inline-actions{flex-wrap:wrap}.guideline-version-action-button{flex:1 1 8rem}.guideline-missing-file-note,.guideline-version-actions-cell .guideline-missing-file-note{position:fixed;top:auto;right:auto;bottom:5.5rem;left:50%;width:max-content;min-width:0;max-width:calc(100vw - 2rem);transform:translate(-50%);text-align:left}}@media (max-width: 520px){.guideline-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideline-toast{top:auto;right:auto;bottom:.75rem;left:50%;width:calc(100vw - 1.5rem);transform:translate(-50%);animation:guideline-mobile-toast-in .22s ease-out}.guideline-filter-card,.guideline-modal-header,.guideline-modal-body,.guideline-modal-footer{padding:.95rem}.guideline-browser-header-card{gap:.42rem;padding:.5rem .62rem;max-height:9.4rem}.guideline-header-intro{max-height:4.5rem}.guideline-mobile-filter-header,.guideline-mobile-filter-content,.guideline-mobile-filter-footer{padding-left:.85rem;padding-right:.85rem}.guideline-browser-title{font-size:.96rem;gap:.35rem}.guideline-browser-subtitle{font-size:.74rem;line-height:1.2}.guideline-gallery-grid{gap:.56rem}.guideline-card-content{padding:.48rem}.guideline-card-tags{grid-template-columns:1fr;gap:.35rem}.guideline-card-tags .guideline-chip{width:100%;max-width:100%;justify-self:stretch}.guideline-card-tags .guideline-chip.is-region{border-radius:.5rem;justify-content:flex-start;white-space:normal}.guideline-card-tags .guideline-chip.is-disease-group{white-space:normal}.guideline-card-tags .guideline-chip-label{white-space:normal;overflow:visible;text-overflow:clip}.guideline-card-content strong{min-height:3em;font-size:.86rem}.guideline-filter-controls{display:grid;grid-template-columns:1fr 1fr}.guideline-multiselect-menu{width:100%}.guideline-view-toggle{grid-column:1 / -1;justify-content:center}.guideline-modal-backdrop{align-items:stretch;padding:.5rem}.guideline-modal-panel{width:100%;max-height:calc(100dvh - 1rem)}.guideline-modal-header{align-items:flex-start}.guideline-modal-header h2{font-size:1rem;line-height:1.35}.guideline-modal-footer{gap:.75rem}.guideline-modal-actions{grid-template-columns:1fr}.guideline-modal-actions .guideline-primary-button,.guideline-modal-actions .guideline-secondary-button{width:100%}.guideline-form-field input,.guideline-form-field select,.guideline-form-field textarea{font-size:1rem}.guideline-thumbnail-upload{grid-template-columns:1fr}}@keyframes guideline-mobile-toast-in{0%{opacity:0;transform:translate(calc(-50% + .75rem),.75rem) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width: 380px){.guideline-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideline-filter-controls{grid-template-columns:1fr}.guideline-view-toggle{justify-content:stretch}.guideline-view-toggle button{flex:1}.guideline-card-content strong{min-height:3.75em}.reference-modal-backdrop{padding:.5rem}.reference-modal-panel{max-height:calc(100dvh - 1rem)}.reference-modal-header,.reference-modal-body{padding-left:.85rem;padding-right:.85rem}}