:root{--ink:#171329;--ink-2:#241d3e;--gold:#cba64b;--gold-light:#efd98e;--paper:#fbf8ef;--white:#fff;--muted:#696579;--red:#7c2637;--line:rgba(203,166,75,.28);--shadow:0 24px 70px rgba(20,14,42,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans Thai,Noto Sans Lao,sans-serif;font-size:16px;line-height:1.75}a{color:inherit}img{display:block;max-width:100%}.progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:transparent}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .1s linear}.site-header{position:sticky;z-index:100;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:10px clamp(20px,5vw,76px);background:#171329f0;color:#fff;border-bottom:1px solid rgba(239,217,142,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:600}.brand img{width:42px;height:42px;object-fit:contain}.site-header nav{display:flex;gap:30px}.site-header nav a{position:relative;text-decoration:none;color:#e9e4d8;font-size:.92rem}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--gold);transition:right .25s}.site-header nav a:hover:after{right:0}.language{justify-self:end;border:1px solid rgba(239,217,142,.45);border-radius:999px;background:transparent;color:var(--gold-light);padding:8px 16px;font:600 .9rem inherit;cursor:pointer}.hero{min-height:760px;display:grid;grid-template-columns:54% 46%;background:var(--ink)}.hero-photo{position:relative;min-height:680px;background-image:linear-gradient(90deg,rgba(23,19,41,.08) 55%,var(--ink) 100%),linear-gradient(0deg,rgba(17,11,32,.48),transparent 42%);background-color:#171329;background-position:center;background-size:cover}.photo-credit{position:absolute;left:24px;bottom:20px;color:#ffffffbf;font-size:.72rem}.photo-credit a{color:inherit}.hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:80px clamp(38px,6vw,96px) 80px clamp(28px,5vw,80px);color:#fff;overflow:hidden}.hero-copy:after{content:"";position:absolute;width:420px;height:420px;right:-250px;top:10%;border:1px solid rgba(203,166,75,.22);border-radius:50%;box-shadow:0 0 0 42px #cba64b06,0 0 0 84px #cba64b05}.hero-logo{width:98px;height:115px;object-fit:contain;object-position:top;margin-bottom:25px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.eyebrow,.kicker,.status-label,.video-type{margin:0 0 10px;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:0;font-family:Pridi,Noto Sans Thai,serif;font-size:clamp(3.35rem,5.4vw,6.7rem);font-weight:500;line-height:.98;letter-spacing:-.045em;color:#fff}.lead{max-width:590px;margin:30px 0 0;color:#ded9e6;font-size:1.12rem;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid transparent;border-radius:4px;padding:11px 23px;text-decoration:none;font:600 .94rem inherit;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--gold);color:#171329}.button.primary:hover{background:var(--gold-light)}.button.ghost{border-color:#ffffff59;color:#fff}.status-band{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;margin:-52px auto 0;position:relative;z-index:5;padding:28px 34px;background:#fff;box-shadow:var(--shadow);border-top:3px solid var(--gold)}.status-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:1.3rem}.status-label{margin:0}.status-band h2{margin:1px 0 4px;font-size:1.25rem}.status-band p:not(.status-label){margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.source-link{font-size:.85rem;font-weight:700;color:var(--red);white-space:nowrap}.section{padding:120px clamp(24px,7vw,110px)}.section-heading{max-width:830px;margin-bottom:50px}.section-heading.compact{margin-bottom:35px}.section-heading h2,.process h2,.callout h2{margin:0;font-family:Pridi,Noto Sans Thai,serif;font-size:clamp(2.25rem,4vw,4rem);font-weight:500;line-height:1.15;letter-spacing:-.02em}.section-heading>p:last-child{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:1.05rem}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;max-width:1250px}.feature{position:relative;min-height:270px;padding:35px;background:#fff;border:1px solid rgba(23,19,41,.08);overflow:hidden}.feature-large{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:558px;background:linear-gradient(145deg,#221b3b,#171329);color:#fff}.feature-no{position:absolute;right:27px;top:20px;font-family:Pridi,serif;font-size:4.5rem;line-height:1;color:#cba64b29}.feature h3{margin:0 0 14px;font-size:1.25rem}.feature p{margin:0;color:var(--muted)}.feature-large h3{font:500 clamp(1.8rem,3vw,2.8rem) "Pridi",serif;color:var(--gold-light)}.feature-large p{max-width:560px;color:#d9d4e0}.timeline-section{padding-top:25px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.timeline li{position:relative;padding:30px 28px 0 0}.timeline li:before{content:"";position:absolute;width:11px;height:11px;top:-6px;left:0;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px var(--paper)}.timeline time{display:block;margin-bottom:11px;color:var(--red);font-weight:700}.timeline strong,.timeline span{display:block}.timeline strong{margin-bottom:8px}.timeline span{color:var(--muted);font-size:.9rem}.world{background:var(--ink);color:#fff}.section-heading.inverse>p:last-child{color:#c9c4d1}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1260px}.criteria-grid article{padding:34px;border:1px solid rgba(239,217,142,.2);background:#ffffff09}.criteria-grid article>span{display:block;margin-bottom:28px;font:500 2.35rem Pridi,serif;color:var(--gold)}.criteria-grid h3{margin:0 0 12px;font-size:1.12rem;color:var(--gold-light)}.criteria-grid p{margin:0;color:#c9c4d1;font-size:.94rem}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;margin-top:110px;padding-top:75px;border-top:1px solid rgba(239,217,142,.2)}.process-copy p:last-child{color:#c9c4d1}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}.steps b{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(239,217,142,.35);border-radius:50%;color:var(--gold);font-family:Pridi,serif}.steps strong,.steps span{display:block}.steps strong{margin-bottom:3px;color:#fff}.steps span{color:#aaa5b4;font-size:.9rem}.voices{padding-top:80px;padding-bottom:80px;background:var(--gold)}.voices blockquote{display:grid;grid-template-columns:auto 1fr;gap:24px;max-width:1030px;margin:0 auto}.voices blockquote>span{font:6rem/.8 Pridi,serif;color:#17132973}.voices blockquote p{margin:0;font:500 clamp(1.75rem,3vw,3rem)/1.45 "Pridi","Noto Sans Thai",serif}.videos{background:#f1ede3}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:#fff;padding-bottom:24px;box-shadow:0 12px 36px #17132912}.video-frame{position:relative;aspect-ratio:16/9;background:#0c0914}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video-card .video-type{margin:21px 23px 3px}.video-card h3{margin:0 23px;font-size:1rem;line-height:1.5}.callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;padding:55px clamp(24px,7vw,110px);background:linear-gradient(110deg,#2b2346,#171329);color:#fff}.callout img{width:105px;height:120px;object-fit:contain}.callout h2{font-size:clamp(1.7rem,3vw,2.7rem)}footer{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:55px clamp(24px,7vw,110px) 35px;background:#0f0c1b;color:#aaa5b4}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand img{width:54px;height:65px;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{color:#fff}.footer-brand span{font-size:.82rem}.sources{display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap;font-size:.8rem}.sources span{color:var(--gold)}.sources a:hover{color:#fff}.note{grid-column:1/-1;margin:18px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.76rem}.toast{position:fixed;z-index:500;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 20px;background:#fff;color:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:960px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-photo{min-height:52vh}.hero-copy{min-height:600px}.status-band{margin:-25px 20px 0;grid-template-columns:auto 1fr}.source-link{grid-column:2}.story-grid{grid-template-columns:1fr}.feature-large{grid-row:auto;min-height:420px}.timeline{grid-template-columns:repeat(2,1fr);row-gap:42px}.criteria-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr;gap:45px}.video-grid{grid-template-columns:1fr}.callout{grid-template-columns:auto 1fr}.callout .button{grid-column:2;justify-self:start}footer{grid-template-columns:1fr}.sources{justify-content:flex-start}.note{grid-column:auto}}@media(max-width:600px){body{font-size:16px}.site-header{padding:8px 16px}.brand span{font-size:.8rem}.brand img{width:36px;height:36px}.language{padding:6px 12px}.hero-photo{min-height:48vh;background-image:linear-gradient(0deg,rgba(23,19,41,.28),transparent 45%);background-color:#171329}.hero-copy{min-height:550px;padding:58px 24px}.hero-logo{width:78px;height:92px}.hero h1{font-size:3.3rem}.lead{font-size:1rem}.status-band{grid-template-columns:1fr;margin:-14px 14px 0;padding:25px}.status-icon{display:none}.source-link{grid-column:auto}.section{padding:80px 20px}.section-heading{margin-bottom:34px}.feature{padding:28px}.feature-large{min-height:390px}.timeline{grid-template-columns:1fr;margin-left:5px}.timeline li{padding-left:20px;border-left:1px solid var(--line)}.timeline li:before{left:-6px;top:7px}.timeline-section{padding-top:10px}.criteria-grid article{padding:27px}.process{margin-top:75px;padding-top:55px}.steps li{grid-template-columns:44px 1fr;gap:14px}.steps b{width:40px;height:40px}.voices{padding:60px 22px}.voices blockquote{grid-template-columns:1fr;gap:0}.voices blockquote>span{font-size:4rem}.callout{grid-template-columns:1fr;text-align:center;padding:50px 22px}.callout img{margin:auto}.callout .button{grid-column:auto;justify-self:stretch}footer{padding:45px 22px 28px}.footer-brand{align-items:flex-start}.sources{gap:12px}.photo-credit{left:12px;bottom:10px}}.language-switcher{justify-self:end;display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(239,217,142,.45);border-radius:999px;background:#ffffff0a}.language-option{min-width:42px;border:0;border-radius:999px;padding:5px 9px;background:transparent;color:#ddd7e6;font:600 .78rem Noto Sans Thai,Noto Sans Lao,sans-serif;cursor:pointer;transition:background .2s,color .2s}.language-option:hover{color:var(--gold-light)}.language-option.active{background:var(--gold);color:var(--ink)}.hero{display:block;min-height:0;background:var(--ink)}.hero-photo{min-height:clamp(520px,68vh,820px);background-position:center}.hero-copy{min-height:0;align-items:center;padding:46px clamp(24px,8vw,120px) 58px;text-align:center;overflow:hidden}.hero-copy:after{width:360px;height:360px;right:-220px;top:-70px}.hero h1{max-width:980px;font-size:clamp(2.35rem,4.2vw,4.8rem);line-height:1.15;letter-spacing:-.025em}.lead{max-width:820px;margin-top:20px}.hero-actions{justify-content:center;margin-top:28px}@media(max-width:960px){.hero-copy{min-height:0}.hero-photo{min-height:56vh}}@media(max-width:600px){.header-actions{gap:7px}.account-button{padding-inline:10px}.language-option{min-width:34px;padding:4px 6px;font-size:.72rem}.hero-photo{min-height:48vh}.hero-copy{min-height:0;padding:34px 20px 43px}.hero h1{font-size:clamp(2rem,10vw,2.8rem)}.lead{margin-top:16px}.hero-actions{margin-top:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.progress span,.toast{transition:none}}.header-left,.header-actions{display:flex;align-items:center;gap:14px}.header-actions{justify-self:end}.menu-button{width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid rgba(239,217,142,.28);border-radius:50%;background:transparent;cursor:pointer}.menu-button span{display:block;width:19px;height:2px;background:var(--gold-light);transition:.2s}.account-button{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#fff;font:500 .86rem inherit;cursor:pointer}.menu-backdrop{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;background:#0a071494;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.side-menu{position:fixed;z-index:310;inset:0 auto 0 0;width:min(390px,92vw);padding:24px 8px;background:#171329;color:#fff;box-shadow:20px 0 80px #00000059;transform:translate(-105%);transition:transform .28s ease;overflow:auto}.side-menu.open{transform:translate(0)}.side-menu-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.1)}.side-menu-head img{width:50px;height:60px;object-fit:contain}.side-menu-head strong,.side-menu-head span,.account-card strong,.account-card span{display:block}.side-menu-head span,.account-card span{color:#aaa5b4;font-size:.8rem}.icon-button{width:34px;height:34px;border:0;border-radius:50%;background:#17132912;color:inherit;font:500 1.6rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.side-menu .icon-button{background:#ffffff12;color:#fff}.account-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:24px 0;padding:18px;background:#ffffff0e;border:1px solid rgba(239,217,142,.17)}.avatar-placeholder{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:.62rem;font-weight:700;overflow:hidden}.avatar-placeholder img{width:100%;height:100%;object-fit:cover}.side-nav{display:grid;gap:8px}.side-nav button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;gap:9px;width:100%;padding:14px;border:0;background:transparent;color:#fff;font:500 .96rem inherit;cursor:pointer}.side-nav button:hover{background:#ffffff0f}.side-nav button>span:first-child{color:var(--gold)}.side-nav small{color:var(--gold-light)}.side-note{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#8f899b;font-size:.78rem}.section-heading{position:relative}.section-edit-button{position:absolute;top:0;right:-210px;min-height:42px;padding:8px 16px;border:1px solid var(--line);background:transparent;color:var(--red);font:600 .82rem inherit;cursor:pointer}.world .section-edit-button{color:var(--gold-light);border-color:#efd98e52}.media-slider{position:relative;max-width:1250px;margin-top:48px;background:#100d1d;overflow:hidden;box-shadow:var(--shadow);outline:none}.media-slider:focus-visible{box-shadow:0 0 0 3px var(--gold),var(--shadow)}.media-stage{position:relative;width:100%;max-width:100%;aspect-ratio:16/8;min-height:320px;touch-action:pan-y;box-sizing:border-box}.media-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:1;pointer-events:none}.media-slide.active{display:block;animation:media-slide-enter .55s ease both;z-index:2;pointer-events:auto}.media-slide img,.media-slide video{width:100%;height:100%;object-fit:cover}.media-slide iframe{width:100%;height:100%;border:0}.media-caption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:55px 85px 24px;color:#fff;background:linear-gradient(transparent,#0a0714eb);font-weight:600;pointer-events:none}.media-play-button{position:absolute;z-index:3;left:50%;top:50%;display:flex;align-items:center;gap:10px;min-height:50px;padding:11px 20px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#110d1ed6;color:#fff;font:600 .95rem inherit;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0000004d}.media-play-button:hover{background:var(--gold);color:var(--ink)}.slider-arrow{position:absolute;z-index:10;top:50%;width:48px;height:48px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#110d1ea6;color:#fff;font-size:1.5rem;cursor:pointer;transform:translateY(-50%)}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-counter{position:absolute;z-index:2;right:24px;top:18px;padding:4px 11px;border-radius:999px;background:#110d1eb3;color:#fff;font-size:.78rem}.slider-empty{display:grid;place-items:center;height:100%;padding:40px;color:#aaa5b4;text-align:center}@keyframes media-slide-enter{0%{opacity:.35;transform:translate(3%)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.media-slide.active{animation:none}}.community{background:#fff}.comment-form{max-width:840px;padding:28px;background:var(--paper);border:1px solid rgba(23,19,41,.08)}.comment-form label,.media-form label{display:grid;gap:8px;font-size:.88rem;font-weight:600}.comment-form textarea,.comment-form select,.media-form input,.media-form select,.chat-form input{width:100%;border:1px solid rgba(23,19,41,.17);border-radius:3px;background:#fff;padding:12px 14px;color:var(--ink);font:400 1rem inherit}.comment-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;margin-top:16px}.comment-list{display:grid;gap:12px;max-width:840px;margin-top:26px}.comment-card{position:relative;padding:20px 55px 20px 22px;border-left:3px solid var(--gold);background:var(--paper)}.comment-card header{display:flex;gap:10px;align-items:center;margin-bottom:7px}.comment-card header strong{font-size:.92rem}.comment-card header span{color:var(--muted);font-size:.75rem}.comment-card p{margin:0;white-space:pre-wrap}.small-delete{position:absolute;right:12px;top:12px;border:0;background:transparent;color:var(--red);cursor:pointer}.empty-state{padding:25px;text-align:center;color:var(--muted);font-size:.9rem}.manage-dialog,.media-dialog{width:min(850px,94vw);max-height:90vh;padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 30px 100px #08051166}.manage-dialog::backdrop,.media-dialog::backdrop{background:#0a0714b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-shell{margin:0;padding:28px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(23,19,41,.1)}.dialog-head h2{margin:0;font:500 2rem Pridi,serif}.dialog-head p{margin-bottom:2px}.dialog-head>div>span{color:var(--muted);font-size:.85rem}.manage-toolbar{display:flex;justify-content:flex-end;padding:20px 0}.manage-section{padding:22px 0;border-top:1px solid rgba(23,19,41,.1)}.manage-section h3{margin:0}.manage-section>p{margin:4px 0 18px;color:var(--muted);font-size:.85rem}.user-list,.manage-media-list{display:grid;gap:9px}.user-row,.manage-media-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 14px;background:var(--paper)}.user-row strong,.user-row span,.manage-media-row strong,.manage-media-row span{display:block}.user-row span,.manage-media-row span{color:var(--muted);font-size:.77rem}.user-row select{padding:7px;border:1px solid rgba(23,19,41,.2);background:#fff}.row-actions{display:flex;gap:7px}.row-actions button{border:1px solid rgba(23,19,41,.16);background:#fff;padding:7px 10px;cursor:pointer}.row-actions .delete{color:var(--red)}.media-form{display:grid;gap:16px}.media-form .dialog-head{margin-bottom:4px}.media-form small{color:var(--muted);font-weight:400}.or-line{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.78rem}.or-line:before,.or-line:after{content:"";height:1px;background:#1713291f;flex:1}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.button.secondary{border-color:#1713292e;background:#fff;color:var(--ink)}.button.danger{background:var(--red);color:#fff}.chat-panel{position:fixed;z-index:250;right:22px;bottom:22px;display:grid;grid-template-rows:auto auto 1fr auto;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 90px));background:#fff;box-shadow:0 26px 80px #100a2247;transform:translateY(30px) scale(.96);transform-origin:bottom right;opacity:0;pointer-events:none;transition:.23s}.chat-panel.open{transform:none;opacity:1;pointer-events:auto}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;background:var(--ink);color:#fff}.chat-head strong,.chat-head span{display:block}.chat-head span{color:#aaa5b4;font-size:.72rem}.chat-head .icon-button{background:#ffffff14}.chat-thread-list{max-height:130px;overflow:auto;padding:8px;border-bottom:1px solid rgba(23,19,41,.1)}.thread-button{display:block;width:100%;padding:8px;border:0;background:transparent;text-align:left;cursor:pointer}.thread-button.active{background:var(--paper)}.thread-button strong,.thread-button span{display:block}.thread-button span{color:var(--muted);font-size:.7rem}.chat-messages{display:flex;flex-direction:column;gap:9px;padding:16px;overflow:auto;background:#f5f2ea}.chat-message{align-self:flex-start;max-width:82%;padding:9px 12px;border-radius:2px 13px 13px;background:#fff;box-shadow:0 2px 9px #140e2a0f}.chat-message.mine{align-self:flex-end;border-radius:13px 2px 13px 13px;background:var(--ink);color:#fff}.chat-message small{display:block;margin-top:3px;color:#777;font-size:.64rem}.chat-message.mine small{color:#aaa5b4}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:#fff}.chat-form button{border:0;background:var(--gold);color:var(--ink);padding:0 15px;font-weight:700;cursor:pointer}.floating-chat{position:fixed;z-index:240;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;background:var(--gold);color:var(--ink);box-shadow:0 12px 35px #140e2a3b;cursor:pointer}.chat-panel.open+.floating-chat{opacity:0;pointer-events:none}.confirm-dialog{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:20px;background:#0a0714b8}.confirm-dialog.open{display:grid}.confirm-dialog>div{width:min(430px,100%);padding:28px;background:#fff;box-shadow:var(--shadow)}.auth-status{display:inline-flex;align-items:center;gap:7px}.auth-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#79c28b}.busy{opacity:.62;pointer-events:none}@media(max-width:1100px){.section-edit-button{position:static;margin-top:18px}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}}@media(max-width:600px){.account-button{display:none}.header-left,.site-header{gap:8px}.site-header .brand span{display:none}.header-actions{gap:7px}.media-stage{aspect-ratio:4/3;min-height:260px}.media-caption{padding:45px 55px 17px}.slider-arrow{width:40px;height:40px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.form-row{grid-template-columns:1fr}.manage-dialog,.media-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.dialog-shell{padding:20px}.user-row,.manage-media-row{grid-template-columns:1fr}.chat-panel{right:14px;bottom:14px;height:calc(100dvh - 28px)}}.story-feature-card{display:block;min-height:558px;padding:0;background:#171329}.story-feature-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.story-feature-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.story-feature-slider .media-stage{height:100%;min-height:558px;aspect-ratio:auto}.story-feature-slider .media-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c081814 30%,#0c0818ed);pointer-events:none}.story-feature-slider .media-caption{display:none}.story-feature-slider .slider-counter{top:76px}.story-feature-slider .slider-empty{align-items:start;padding-top:105px;color:#ffffff9e}.story-feature-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:150px 35px 35px;background:linear-gradient(transparent,#0c0818f0);pointer-events:none}.story-feature-card .feature-no{z-index:5;color:#efd98eb8;pointer-events:none}.feature-media-add{position:absolute;z-index:6;top:24px;left:24px;min-height:40px;padding:8px 14px;border:1px solid rgba(239,217,142,.45);border-radius:999px;background:#110d1ec7;color:var(--gold-light);font:600 .8rem inherit;cursor:pointer}.feature-media-add:hover{background:var(--gold);color:var(--ink)}.expandable-media{cursor:zoom-in}.expandable-media:focus-visible{outline:3px solid var(--gold-light);outline-offset:-5px}.media-form textarea{width:100%;resize:vertical;border:1px solid rgba(23,19,41,.17);border-radius:3px;background:#fff;padding:12px 14px;color:var(--ink);font:400 1rem/1.65 inherit}.image-lightbox{width:min(1100px,96vw);max-width:none;max-height:96vh;padding:0;border:0;background:#0f0c1b;color:#fff;box-shadow:0 30px 100px #0000008c}.image-lightbox::backdrop{background:#05030ce0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-lightbox-shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:96vh}.image-lightbox img{width:100%;height:auto;max-height:76vh;object-fit:contain;background:#08060e}.image-lightbox-close{position:absolute;z-index:2;top:14px;right:14px;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#110d1ec7;color:#fff;font:500 1.65rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.image-lightbox-caption{padding:22px clamp(20px,4vw,42px) 26px}.image-lightbox-caption h2{margin:0;font:500 clamp(1.35rem,2.5vw,2rem) "Pridi","Noto Sans Thai",serif;color:var(--gold-light)}.image-lightbox-caption p{margin:8px 0 0;color:#ded9e6;white-space:pre-wrap}.image-lightbox-caption p[hidden]{display:none}.media-slide img{object-position:center center}@media(max-width:600px){.story-feature-card,.story-feature-slider .media-stage{min-height:430px}.story-feature-copy{padding:130px 28px 28px}.feature-media-add{top:18px;left:18px;max-width:calc(100% - 90px)}.story-feature-slider .slider-counter{top:68px}.image-lightbox{width:100vw;max-height:100dvh;margin:auto 0}.image-lightbox-shell{max-height:100dvh}.image-lightbox img{max-height:72dvh}.image-lightbox-caption{padding:18px 20px 24px}}.section-edit-button{right:-110px;border-radius:999px;padding-right:18px;padding-left:18px}.media-update-button{transition:background .2s,color .2s,transform .2s}.media-update-button:hover{transform:translateY(-1px)}.feature-media-add,.hero-update-button{padding-right:18px;padding-left:18px;font-size:.86rem}.hero-photo{background:#0c0914;overflow:hidden}.hero-media-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.hero-media-slider .media-stage{height:100%;min-height:680px;aspect-ratio:auto}.hero-media-slider .media-slide:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#17132914 55%,#171329d1),linear-gradient(0deg,rgba(17,11,32,.42),transparent 42%);pointer-events:none}.hero-media-slider .media-caption{z-index:2}.hero-photo .photo-credit{z-index:5}.hero-update-button{position:absolute;z-index:7;top:18px;left:18px;right:auto;min-height:40px;border:1px solid rgba(239,217,142,.55);border-radius:999px;background:#110d1ed6;color:var(--gold-light);font:600 .86rem inherit;cursor:pointer}.hero-update-button:hover,.feature-media-add:hover{background:var(--gold);color:var(--ink)}.lightbox-original-link{display:inline-flex;margin-top:14px;color:var(--gold-light);font-weight:600;text-decoration:none}.lightbox-original-link:hover{text-decoration:underline}@media(max-width:960px){.hero-media-slider .media-stage{min-height:52vh}}@media(max-width:600px){.hero-media-slider .media-stage{min-height:48vh}.hero-update-button{top:12px;left:12px;right:auto}.section-edit-button{right:auto}}.dialog-head>div>span{display:block}.media-slide.image-slide{isolation:isolate;background:#100d1d;overflow:hidden}.media-slide.image-slide>img.media-image-backdrop{position:absolute;z-index:0;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;object-fit:cover;filter:blur(24px) brightness(.42) saturate(.82);transform:scale(1.06);opacity:.82;pointer-events:none}.media-slide.image-slide>img.expandable-media{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 12px 28px rgba(0,0,0,.28))}.media-slide.image-slide .media-caption{z-index:3}.story-feature-slider .media-slide.image-slide:after,.hero-media-slider .media-slide.image-slide:after{z-index:2}.media-slide.image-slide .slider-counter{z-index:4}@media(max-width:600px){.media-slide.image-slide>img.media-image-backdrop{filter:blur(18px) brightness(.4) saturate(.8)}}.story-mini-card{display:block;min-height:270px;padding:0;background:#171329;color:#fff}.story-mini-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.story-mini-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.story-mini-slider .media-stage{height:100%;min-height:270px;aspect-ratio:auto}.story-mini-slider .media-slide:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c08180a 20%,#0c0818f0);pointer-events:none}.story-mini-slider .media-caption{display:none}.story-mini-slider .slider-counter{top:70px;right:18px}.story-mini-slider .slider-arrow{width:38px;height:38px;font-size:1.25rem}.story-mini-slider .slider-arrow.prev{left:12px}.story-mini-slider .slider-arrow.next{right:12px}.story-mini-slider .slider-empty{align-items:start;padding:94px 25px 25px;color:#ffffff9e}.story-mini-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:82px 35px 30px;background:linear-gradient(transparent,#0c0818f2);pointer-events:none}.story-mini-copy h3{color:var(--gold-light)}.story-mini-copy p{display:-webkit-box;overflow:hidden;color:#ddd8e4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.story-mini-card .feature-no{z-index:5;color:#efd98eb8;pointer-events:none}@media(max-width:600px){.story-mini-card,.story-mini-slider .media-stage{min-height:320px}.story-mini-copy{padding:95px 28px 28px}}.criteria-grid .criteria-media-card{position:relative;min-height:360px;padding:0;overflow:hidden;background:#100d1d}.criteria-card-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.criteria-card-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.criteria-card-slider .media-stage{height:100%;min-height:360px;aspect-ratio:auto}.criteria-card-slider .media-slide:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a07140d 18%,#0a0714f5);pointer-events:none}.criteria-card-slider .media-caption{display:none}.criteria-card-slider .slider-counter{top:70px;right:16px}.criteria-card-slider .slider-arrow{width:38px;height:38px;font-size:1.25rem}.criteria-card-slider .slider-arrow.prev{left:11px}.criteria-card-slider .slider-arrow.next{right:11px}.criteria-card-slider .slider-empty{align-items:start;padding:95px 24px 24px;color:#ffffff9e}.criteria-card-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:100px 30px 28px;background:linear-gradient(transparent,#0a0714f7);pointer-events:none}.criteria-card-copy h3{color:var(--gold-light)}.criteria-card-copy p{display:-webkit-box;overflow:hidden;color:#d3cedb;-webkit-box-orient:vertical;-webkit-line-clamp:4}.criteria-grid .criteria-media-card>.criteria-number{position:absolute;z-index:5;top:18px;right:22px;margin:0;color:#efd98ed1;pointer-events:none}@media(max-width:600px){.criteria-grid .criteria-media-card,.criteria-card-slider .media-stage{min-height:350px}.criteria-card-copy{padding:95px 27px 27px}}.process-subtitle{margin:16px 0 10px}.process-copy>p:last-of-type{color:#c9c4d1}.process-overview-media{position:relative;width:100%;margin-top:28px;border:1px solid rgba(239,217,142,.2);background:#100d1d;overflow:hidden}.process-overview-slider{width:100%;max-width:none;margin:0;box-shadow:none}.process-overview-slider .media-stage{min-height:300px;aspect-ratio:4/3}.process-overview-slider .media-caption{padding:62px 62px 20px;font-size:.9rem}.process-overview-slider .slider-arrow{width:40px;height:40px;font-size:1.25rem}.process-overview-slider .slider-arrow.prev{left:12px}.process-overview-slider .slider-arrow.next{right:12px}.process-overview-slider .slider-counter{top:68px;right:14px}.process-overview-slider .slider-empty{align-items:start;padding:94px 24px 24px;color:#ffffff9e}.process-overview-update{position:absolute;z-index:6;top:14px;left:14px;min-height:40px;padding:8px 16px;border:1px solid rgba(239,217,142,.48);border-radius:999px;background:#110d1ed1;color:var(--gold-light);font:600 .84rem inherit;cursor:pointer}.process-overview-update:hover{background:var(--gold);color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.steps .process-step-card{position:relative;display:block;min-height:260px;margin:0;padding:0;border:1px solid rgba(239,217,142,.18);overflow:hidden;background:#100d1d}.process-step-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.process-step-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.process-step-slider .media-stage{height:100%;min-height:260px;aspect-ratio:auto}.process-step-slider .media-slide:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a07140a 20%,#0a0714f5);pointer-events:none}.process-step-slider .media-caption{display:none}.process-step-slider .slider-counter{top:68px;right:14px}.process-step-slider .slider-arrow{width:36px;height:36px;font-size:1.2rem}.process-step-slider .slider-arrow.prev{left:10px}.process-step-slider .slider-arrow.next{right:10px}.process-step-slider .slider-empty{align-items:start;padding:92px 22px 22px;color:#ffffff9e}.steps .process-step-card>b{position:absolute;z-index:5;top:17px;right:18px;width:42px;height:42px;background:#110d1eb8;pointer-events:none}.process-step-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:90px 23px 22px;background:linear-gradient(transparent,#0a0714f7);pointer-events:none}.process-step-copy strong{color:var(--gold-light)}.process-step-copy span{display:-webkit-box;overflow:hidden;color:#cfcad7;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:600px){.process-overview-slider .media-stage{min-height:260px;aspect-ratio:4/3}.process-overview-update{top:12px;left:12px}.process-overview-slider .slider-counter{top:64px}.steps{grid-template-columns:1fr}.steps .process-step-card,.process-step-slider .media-stage{min-height:290px}.process-step-copy{padding:100px 25px 24px}}.milestones-overview-media{position:relative;width:100%;max-width:100%;margin:0 0 32px;border:1px solid rgba(23,19,41,.12);border-radius:12px;background:#100d1d;overflow:hidden;box-shadow:var(--shadow);box-sizing:border-box}.milestones-overview-slider{position:relative;width:100%;max-width:100%;margin:0;box-shadow:none;box-sizing:border-box}.milestones-overview-slider .media-stage{position:relative;width:100%;max-width:100%;aspect-ratio:16/9;min-height:220px;max-height:560px;overflow:hidden;box-sizing:border-box}.milestones-overview-slider .media-slide{width:100%;height:100%;max-width:100%;box-sizing:border-box}.milestones-overview-slider .media-slide iframe,.milestones-overview-slider .media-slide video{width:100%!important;height:100%!important;max-width:100%!important;border:0;display:block;box-sizing:border-box}.milestones-overview-slider .slider-arrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(17,13,30,.88);color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:all .2s ease}.milestones-overview-slider .slider-arrow:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}.milestones-overview-slider .slider-arrow.prev{left:14px}.milestones-overview-slider .slider-arrow.next{right:14px}.milestones-overview-slider .slider-counter{position:absolute;z-index:10;right:14px;top:14px;padding:4px 12px;border-radius:999px;background:rgba(17,13,30,.88);color:#fff;font-size:.78rem;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.slide-youtube-direct-btn,.slide-facebook-direct-btn,.slide-expand-btn{max-width:calc(100% - 24px);white-space:nowrap}.milestones-overview-update{position:absolute;z-index:6;top:16px;left:16px;min-height:40px;padding:8px 17px;border:1px solid rgba(239,217,142,.48);border-radius:999px;background:#110d1ed1;color:var(--gold-light);font:600 .84rem inherit;cursor:pointer}.milestones-overview-update:hover{background:var(--gold);color:var(--ink)}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:0}.timeline .milestone-media-card{position:relative;display:block;min-height:320px;margin:0;padding:0;border:1px solid rgba(23,19,41,.1);background:#100d1d;overflow:hidden}.timeline .milestone-media-card:before{display:none}.milestone-card-media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0}.milestone-card-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.milestone-card-slider .media-stage{height:100%;min-height:320px;aspect-ratio:auto}.milestone-card-slider .media-slide:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a07140a 18%,#0a0714f7);pointer-events:none}.milestone-card-slider .media-caption{display:none}.milestone-card-slider .slider-counter{top:68px;right:14px}.milestone-card-slider .slider-arrow{width:38px;height:38px;font-size:1.2rem}.milestone-card-slider .slider-arrow.prev{left:11px}.milestone-card-slider .slider-arrow.next{right:11px}.milestone-card-slider .slider-empty{align-items:start;padding:94px 22px 22px;color:#ffffff9e}.timeline .milestone-number{position:absolute;z-index:5;top:17px;right:18px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(239,217,142,.45);border-radius:50%;background:#110d1ec2;color:var(--gold-light);font:500 1.15rem Pridi,serif;pointer-events:none}.milestone-card-copy{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:105px 25px 23px;background:linear-gradient(transparent,#0a0714fa);pointer-events:none}.timeline .milestone-card-copy time{margin-bottom:5px;color:var(--gold);font-size:.88rem}.timeline .milestone-card-copy strong{margin-bottom:4px;color:#fff;font-size:1.05rem}.timeline .milestone-card-copy span{display:-webkit-box;overflow:hidden;color:#d0cbd8;font-size:.88rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:700px){.milestones-overview-media{margin-bottom:20px;border-radius:8px}.milestones-overview-slider .media-stage{width:100%;max-width:100%;aspect-ratio:16/9;min-height:190px;border-radius:8px}.milestones-overview-slider .slider-arrow{width:36px;height:36px;font-size:1.15rem}.milestones-overview-slider .slider-arrow.prev{left:8px}.milestones-overview-slider .slider-arrow.next{right:8px}.milestones-overview-slider .slider-counter{right:8px;top:8px;font-size:.72rem;padding:3px 9px}.milestones-overview-update{top:12px;left:12px}.slide-youtube-direct-btn,.slide-facebook-direct-btn{bottom:10px!important;right:10px!important;padding:4px 10px!important;font-size:.74rem!important}.slide-expand-btn{bottom:10px!important;left:10px!important;padding:4px 10px!important;font-size:.74rem!important}.timeline{grid-template-columns:1fr;margin-left:0}.timeline .milestone-media-card{min-height:310px;border-left:1px solid rgba(23,19,41,.1)}.milestone-card-slider .media-stage{min-height:310px}.milestone-card-copy{padding:100px 24px 22px}}.media-form-status{margin:0;padding:12px 14px;border-left:4px solid var(--red);background:#fff0ed;color:#7d2118;font-size:.9rem;line-height:1.55}.media-form-status[hidden]{display:none}.story-section-slider{position:relative}.section-slider-update{position:absolute;z-index:6;top:16px;left:16px;min-height:40px;padding:8px 17px;border:1px solid rgba(239,217,142,.5);border-radius:999px;background:#110d1ed6;color:var(--gold-light);font:600 .84rem inherit;cursor:pointer}.section-slider-update:hover{background:var(--gold);color:var(--ink)}.confirm-dialog[open]{display:block}.confirm-dialog{width:min(430px,calc(100vw - 32px));max-width:none;padding:0;border:0;background:transparent;color:var(--ink);box-shadow:none}.confirm-dialog::backdrop{background:#0a0714c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog>div{width:100%;padding:28px;background:#fff;box-shadow:var(--shadow)}.confirm-dialog h3{margin:0}.confirm-dialog p{color:var(--muted)}.row-actions{flex-wrap:wrap;justify-content:flex-end}.row-actions .order-button{display:inline-grid;place-items:center;min-width:36px;padding:7px 9px;border-color:#9f731c47;color:#775414;font-size:1.05rem;font-weight:700;line-height:1}.row-actions button:disabled{opacity:.32;cursor:not-allowed}.row-actions button:focus-visible{outline:3px solid rgba(197,151,47,.34);outline-offset:2px}.floating-tools{position:fixed;z-index:240;right:clamp(14px,2vw,26px);bottom:clamp(18px,3vh,30px);display:grid;gap:10px}.floating-tools .floating-tool{position:relative;display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(239,217,142,.65);border-radius:50%;background:linear-gradient(145deg,#a52f26,#711b18);color:#fff;box-shadow:0 8px 22px #17132947,inset 0 1px #ffffff38;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.floating-tools .floating-chat{position:relative;right:auto;bottom:auto;display:grid;width:56px;height:56px;padding:0;background:linear-gradient(145deg,#c7942f,#8a5d12);color:#fff}.floating-tools .floating-tool svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.floating-tools .floating-chat svg{width:29px;height:29px}.floating-tools .floating-chat circle{fill:currentColor;stroke:none}.floating-tools .floating-tool:hover:not(:disabled),.floating-tools .floating-tool:focus-visible{z-index:1;transform:translateY(-2px) scale(1.06);background:linear-gradient(145deg,#c43d30,#86251e);box-shadow:0 12px 28px #17132957,0 0 0 4px #c5972f2e}.floating-tools .floating-chat:hover:not(:disabled),.floating-tools .floating-chat:focus-visible{background:linear-gradient(145deg,#dda93e,#9f7018)}.floating-tools .floating-tool:focus-visible{outline:2px solid #fff;outline-offset:2px}.floating-tools .floating-tool:disabled{opacity:.36;cursor:default;box-shadow:0 4px 12px #1713292e}.floating-tools .floating-tool:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 10px);top:50%;width:max-content;padding:6px 9px;border-radius:4px;background:#171329;color:#fff;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(6px,-50%);transition:.18s}.floating-tools .floating-tool:hover:after,.floating-tools .floating-tool:focus-visible:after{opacity:1;transform:translateY(-50%)}.chat-panel.open~.floating-tools{opacity:0;pointer-events:none}@media(max-width:600px){.floating-tools{right:12px;bottom:14px;gap:8px}.floating-tools .floating-tool{width:46px;height:46px}.floating-tools .floating-chat{width:50px;height:50px}.floating-tools .floating-tool svg{width:23px;height:23px}.floating-tools .floating-chat svg{width:26px;height:26px}.floating-tools .floating-tool:after{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-tools .floating-tool{transition:none}}@media(max-width:600px){.row-actions{justify-content:flex-start}.row-actions .order-button{min-width:42px;min-height:40px}}.story-feature-card .feature-no,.story-mini-card .feature-no,.criteria-grid .criteria-media-card>.criteria-number,.steps .process-step-card>b,.timeline .milestone-number{top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;margin:0;border:1px solid rgba(239,217,142,.45);border-radius:999px;background:#110d1ec2;color:var(--gold-light);font:600 .84rem/1 Noto Sans Thai,Noto Sans Lao,sans-serif;letter-spacing:0;pointer-events:none}@media(max-width:600px){.story-feature-card .feature-no,.story-mini-card .feature-no,.criteria-grid .criteria-media-card>.criteria-number,.steps .process-step-card>b,.timeline .milestone-number{top:12px;right:12px;width:28px;height:28px;font-size:.78rem}}.tree-dialog{width:min(1380px,97vw);height:min(900px,94vh);max-width:none;max-height:none;padding:0;border:0;background:#f6f3ec;color:var(--ink);box-shadow:0 35px 120px #0805117a}.tree-dialog::backdrop{background:#0a0714c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tree-dialog-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%}.tree-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 30px 22px;background:#171329;color:#fff}.tree-dialog-head h2{margin:0;font:500 clamp(1.7rem,3vw,2.35rem) "Pridi","Noto Sans Thai",serif;color:var(--gold-light)}.tree-dialog-head p{margin:0 0 2px;color:var(--gold)}.tree-dialog-head span{display:block;color:#b8b2c2;font-size:.86rem}.tree-dialog-head .icon-button{flex:0 0 auto;background:#ffffff14;color:#fff}.tree-toolbar{display:flex;flex-wrap:wrap;gap:9px;padding:14px 20px;border-bottom:1px solid rgba(23,19,41,.1);background:#fff}.tree-workspace{display:grid;grid-template-columns:minmax(320px,38%) minmax(0,1fr);min-height:0}.tree-panel{min-height:0;padding:20px;border-right:1px solid rgba(23,19,41,.1);background:#eeeadf;overflow:auto}.tree-panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.tree-panel-title h3{margin:0;font:600 1.12rem inherit}.tree-panel-title span{color:var(--muted);font-size:.78rem}.site-tree{display:grid;gap:4px}.tree-branch{display:contents}.tree-node{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;width:calc(100% - (var(--tree-depth) * 18px));min-height:52px;margin-left:calc(var(--tree-depth) * 18px);padding:7px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.tree-node:hover{background:#ffffffb8;border-color:#9f731c29}.tree-node.selected{background:#fff;border-color:#9f731c73;box-shadow:0 5px 18px #17132914}.tree-node-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#171329;color:var(--gold-light);font-size:.8rem}.tree-node-copy{min-width:0}.tree-node-copy strong,.tree-node-copy small{display:block}.tree-node-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.tree-node-copy small{margin-top:1px;color:var(--muted);font-size:.7rem}.tree-trash-list{display:grid;gap:4px}.tree-trash-list .tree-node{width:100%;margin-left:0}.tree-editor-panel{min-width:0;min-height:0;padding:clamp(22px,4vw,42px);background:#fff;overflow:auto}.tree-editor-empty{display:grid;place-items:center;align-content:center;gap:7px;min-height:100%;color:var(--muted);text-align:center}.tree-editor-empty strong{font:500 1.8rem Pridi,Noto Sans Thai,serif;color:var(--ink)}.tree-editor-empty span{font-size:.88rem}.tree-editor-form{display:grid;gap:17px;max-width:760px;margin:auto}.tree-editor-form[hidden],.tree-editor-empty[hidden]{display:none}.tree-editor-form label{display:grid;gap:7px;font-size:.88rem;font-weight:600}.tree-editor-form input[type=text],.tree-editor-form input[type=url],.tree-editor-form select,.tree-editor-form textarea{width:100%;padding:11px 13px;border:1px solid rgba(23,19,41,.18);border-radius:4px;background:#fff;color:var(--ink);font:400 1rem/1.55 inherit}.tree-editor-form textarea{resize:vertical}.tree-editor-form small{color:var(--muted);font-weight:400}.tree-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid rgba(23,19,41,.1)}.tree-editor-heading h3{margin:0;font:500 1.75rem Pridi,Noto Sans Thai,serif}.tree-status{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#eee7d4;color:#6c4f18;font-size:.75rem;font-weight:700}.tree-form-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:15px}.tree-publish-control{grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.tree-publish-control input{width:19px;height:19px;accent-color:#8f671a}.tree-position-actions{display:flex;gap:9px}.tree-editor-actions{padding-top:18px;border-top:1px solid rgba(23,19,41,.1)}.tree-editor-actions .danger{margin-right:auto}.tree-rule-notice{display:grid;gap:5px;padding:18px;border-left:4px solid var(--red);background:#fff}.tree-rule-notice span{color:var(--muted);font-size:.82rem}@media(max-width:820px){.tree-dialog{width:100vw;height:100dvh;max-height:none;margin:0}.tree-workspace{grid-template-columns:1fr;grid-template-rows:minmax(260px,42dvh) minmax(0,1fr)}.tree-panel{border-right:0;border-bottom:1px solid rgba(23,19,41,.1)}.tree-editor-panel{padding:22px}.tree-dialog-head{padding:20px}.tree-toolbar{padding:11px}.tree-form-grid{grid-template-columns:1fr}.tree-editor-actions{flex-wrap:wrap}.tree-editor-actions .danger{margin-right:0}}.tree-linked-content{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid rgba(159,115,28,.26);border-left:4px solid var(--gold);border-radius:4px;background:#fbf7ec}.tree-linked-content[hidden]{display:none}.tree-linked-content strong,.tree-linked-content span{display:block}.tree-linked-content strong{color:#5f4516;font-size:.92rem}.tree-linked-content span{margin-top:2px;color:var(--muted);font-size:.77rem}.tree-linked-content .button{flex:0 0 auto;min-height:40px;padding:8px 13px}.tree-node-copy small{white-space:normal}@media(max-width:600px){.tree-linked-content{align-items:stretch;flex-direction:column}.tree-linked-content .button{width:100%}}.project-resources{background:linear-gradient(180deg,#f7f3e8,#fff)}[hidden]{display:none!important}.resource-heading{max-width:820px}.resource-tabs{position:sticky;z-index:12;top:86px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:34px 0 22px;background:#9f731c33;border:1px solid rgba(159,115,28,.2);box-shadow:0 10px 32px #17132912}.resource-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:10px;background:#fff;color:var(--ink);font-weight:600;text-align:center;text-decoration:none}.resource-tabs a:hover{background:#171329;color:var(--gold-light)}.resource-tabs a>span:first-child{color:var(--gold);font-size:1.1rem}.resource-panel{margin-top:22px;padding:clamp(24px,4vw,48px);border:1px solid rgba(23,19,41,.08);background:#fff;box-shadow:0 14px 45px #17132911;scroll-margin-top:165px}.resource-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:25px}.resource-panel-head>div:first-child{max-width:760px}.resource-panel-head h3{margin:0;font:500 clamp(1.6rem,3vw,2.25rem) "Pridi","Noto Sans Thai",serif}.resource-panel-head p:not(.kicker){margin:8px 0 0;color:var(--muted)}.resource-admin-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.resource-status,.content-card-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eee7d4;color:#765719;font-size:.72rem;font-weight:700}.resource-status.published,.content-card-status.published{background:#dcefe1;color:#27603a}.resource-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.resource-filter button{padding:7px 14px;border:1px solid rgba(23,19,41,.14);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer}.resource-filter button.active{border-color:var(--gold);background:var(--ink);color:#fff}.portal-media-grid,.portal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portal-media-card,.portal-content-card{overflow:hidden;border:1px solid rgba(23,19,41,.09);background:#fff;box-shadow:0 8px 24px #1713290e}.portal-media-visual{position:relative;aspect-ratio:16/9;background:#100d1d;overflow:hidden}.portal-media-visual iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.portal-media-visual button,.portal-media-visual a{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.portal-media-visual img,.portal-media-visual video{width:100%;height:100%;object-fit:cover}.portal-play-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:#110d1ed1;color:#fff;transform:translate(-50%,-50%)}.portal-media-copy{padding:14px 16px}.portal-media-copy span{color:var(--gold-dark,#805c19);font-size:.7rem;font-weight:700}.portal-media-copy h4,.portal-content-card h4,.portal-document-row h4{margin:4px 0 0;font:500 1.15rem Pridi,Noto Sans Thai,serif}.portal-content-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.portal-content-card>div{padding:20px}.portal-content-card p,.portal-document-row p{margin:8px 0 0;color:var(--muted);white-space:pre-wrap}.portal-content-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#806b45;font-size:.72rem}.portal-action-link{display:inline-flex;margin-top:14px;color:#805c19;font-weight:700;text-decoration:none}.portal-document-list{display:grid;gap:10px}.portal-document-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;border:1px solid rgba(23,19,41,.09);background:#fbfaf6}.document-icon{display:grid;place-items:center;width:52px;height:62px;background:#86251e;color:#fff;font-size:.7rem;font-weight:800}.resource-empty{grid-column:1/-1;margin:0;padding:28px;border:1px dashed rgba(23,19,41,.18);color:var(--muted);text-align:center}.donation-panel{background:linear-gradient(135deg,#fff,#fbf4de)}.content-manage-dialog,.content-edit-dialog{width:min(850px,94vw);max-height:90vh;padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 30px 100px #08051166}.content-manage-dialog::backdrop,.content-edit-dialog::backdrop{background:#0a0714b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content-dialog-shell{margin:0;padding:28px}.content-section-visibility{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 0;padding:16px;background:#f7f3e8}.content-section-visibility strong,.content-section-visibility span{display:block}.content-section-visibility span{margin-top:2px;color:var(--muted);font-size:.76rem}.content-manage-list{display:grid;gap:9px;max-height:52vh;overflow:auto}.content-manage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 15px;background:var(--paper)}.content-manage-row strong,.content-manage-row span{display:block}.content-manage-row span{margin-top:2px;color:var(--muted);font-size:.75rem}.content-manage-note{padding:18px;background:#f7f3e8;color:var(--muted)}.content-editor-form{display:grid;gap:15px}.content-editor-form label{display:grid;gap:7px;font-size:.88rem;font-weight:600}.content-editor-form input[type=text],.content-editor-form input[type=url],.content-editor-form input[type=date],.content-editor-form input[type=file],.content-editor-form textarea{width:100%;padding:11px 13px;border:1px solid rgba(23,19,41,.18);border-radius:3px;background:#fff;color:var(--ink);font:400 1rem/1.55 inherit}.content-editor-form textarea{resize:vertical}.content-editor-form small{color:var(--muted);font-weight:400}.content-publish-control{grid-template-columns:auto 1fr!important;align-items:center}.content-publish-control input{width:19px;height:19px;accent-color:#8f671a}.tree-content-reference .tree-node-icon{font-size:.62rem;font-weight:800}@media(max-width:900px){.portal-media-grid,.portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-tabs{top:72px;grid-template-columns:repeat(2,1fr)}.resource-panel-head{flex-direction:column}.resource-admin-actions{align-self:flex-end}}@media(max-width:600px){.portal-media-grid,.portal-card-grid{grid-template-columns:1fr}.resource-tabs{position:static}.resource-panel{padding:22px 16px}.resource-admin-actions{align-self:stretch;justify-content:space-between}.portal-document-row{grid-template-columns:auto minmax(0,1fr)}.portal-document-row .button{grid-column:1/-1}.content-manage-dialog,.content-edit-dialog{width:100vw;height:100dvh;max-height:none;margin:0}.content-dialog-shell{padding:20px}.content-section-visibility,.content-manage-row{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.content-manage-row{display:grid}}.tree-media-reference{border-left:2px solid rgba(159,115,28,.38);background:#ffffff6b}.tree-media-reference:hover{border-left-color:var(--gold);background:#fff}.tree-media-reference .tree-node-icon{background:#fff;border:1px solid rgba(159,115,28,.35);color:#805c19}.tree-media-reference .tree-node-copy strong{font-weight:500}.tree-media-reference .tree-node-copy small{color:#806b45}.tree-media-empty{width:calc(100% - (var(--tree-depth) * 18px));margin:2px 0 5px calc(var(--tree-depth) * 18px);padding:8px 12px;border-left:2px dotted rgba(23,19,41,.2);color:var(--muted);font-size:.75rem}.drive-video-section{margin:0 0 30px;padding:22px;border:1px solid rgba(159,115,28,.22);background:linear-gradient(135deg,#fffffffa,#faf4e1eb)}.drive-video-section>h3{margin:0;font:500 1.5rem Pridi,Noto Sans Thai,serif}.drive-video-section>p{margin:5px 0 18px;color:var(--muted)}.drive-video-grid{margin-top:0}.video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#0f0c19}.video-unavailable{display:grid;place-items:center;height:100%;margin:0;color:#fff}.drive-video-card .video-type{color:#805c19}.drive-sync-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;padding:18px 20px;border:1px solid rgba(159,115,28,.24);border-left:4px solid var(--gold);background:#fbf7ec}.drive-sync-copy{min-width:0}.drive-sync-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.drive-sync-heading h3{margin:0;font:600 1rem/1.3 inherit}.drive-sync-copy p{margin:6px 0 0;color:var(--muted);font-size:.8rem}.drive-sync-state,.media-source-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#eee7d4;color:#6c4f18;font-size:.7rem;font-weight:700}.drive-sync-state[data-state=success]{background:#dcefe1;color:#27603a}.drive-sync-state[data-state=running]{background:#e1ecf7;color:#23527c}.drive-sync-state[data-state=error]{background:#f6dfdc;color:#86251e}.drive-sync-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.drive-folder-link,.drive-source-link{color:#765719;font-size:.78rem;font-weight:700;text-decoration:none}.drive-folder-link:hover,.drive-source-link:hover{text-decoration:underline}.manage-media-row.is-drive{border-left:3px solid var(--gold);background:#fbf7ec}.manage-media-row.is-drive .row-actions{align-items:center}@media(max-width:680px){.drive-sync-panel{align-items:stretch;flex-direction:column}.drive-sync-actions{justify-content:space-between}.drive-video-section{padding:18px 14px}}:root{--social-bg:#eef0f4;--social-card:#ffffff;--social-border:rgba(23,19,41,.09);--social-soft:#f6f3ec;--social-red:#8b231f;--social-gold:#bd8a27;--social-radius:16px;--social-shadow:0 1px 2px rgba(23,19,41,.08),0 8px 24px rgba(23,19,41,.055)}html{scroll-padding-top:92px}body{background:var(--social-bg);overflow-x:hidden}.site-header.social-topbar{position:sticky;top:0;z-index:210;display:grid;grid-template-columns:minmax(250px,340px) minmax(240px,1fr) auto auto;align-items:center;gap:16px;min-height:76px;padding:9px clamp(18px,3vw,46px);border-bottom:1px solid var(--social-border);background:#fffffff5;color:var(--ink);box-shadow:0 2px 14px #17132912;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.social-topbar .header-left{display:flex;align-items:center;min-width:0;gap:10px}.social-topbar .menu-button{flex:0 0 auto;border-color:#1713291f;background:var(--social-soft)}.social-topbar .menu-button span{background:var(--ink)}.social-topbar .brand{min-width:0;gap:10px;color:var(--ink)}.social-topbar .brand img{width:48px;height:50px;border-radius:12px;background:#fff;object-fit:contain}.social-topbar .brand>span{display:grid;min-width:0;line-height:1.25}.social-topbar .brand small{color:var(--social-red);font-size:.68rem;font-weight:700;letter-spacing:.04em}.social-topbar .brand strong{overflow:hidden;color:var(--ink);font-size:.94rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.site-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:46px;padding:0 7px 0 15px;border:1px solid rgba(23,19,41,.08);border-radius:999px;background:#f3f4f7;transition:border-color .2s,box-shadow .2s,background .2s}.site-search:focus-within{border-color:#bd8a2799;background:#fff;box-shadow:0 0 0 4px #bd8a271f}.site-search svg{width:21px;height:21px;fill:none;stroke:#777283;stroke-width:2;stroke-linecap:round}.site-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:400 .92rem/1.4 inherit}.site-search input::placeholder{color:#85808d}.site-search button{min-height:34px;padding:6px 14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 .78rem inherit;cursor:pointer}.social-topbar .top-nav{display:flex;align-self:stretch;gap:4px}.social-topbar .top-nav a{display:grid;place-items:center;align-content:center;gap:2px;min-width:72px;padding:4px 10px;border-radius:11px;color:#676272;font-size:.68rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.social-topbar .top-nav a:after{display:none}.social-topbar .top-nav a:hover{background:#f4f1e9;color:var(--social-red)}.social-topbar .top-nav a.active{background:#f7ecda;color:var(--social-red)}.social-topbar .top-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-topbar .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.social-topbar .account-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:999px;background:var(--social-red);color:#fff;box-shadow:none}.social-topbar .language-switcher{border-color:#1713291f;background:#f5f3ee}.social-topbar .language-option{color:#5d5867}.social-topbar .language-option.active{background:var(--social-gold);color:#fff}.social-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(250px,290px);align-items:start;justify-content:center;gap:22px .2cm;column-gap:.2cm;width:100%;max-width:100%;box-sizing:border-box;margin:0 auto;padding:22px .2cm 46px}.desktop-sidebar,.right-rail{min-width:0}.sidebar-sticky,.right-rail-sticky{position:sticky;top:98px;display:grid;gap:14px}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;color:var(--ink);text-decoration:none}.sidebar-profile:hover{background:#ffffffb8}.sidebar-profile img{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 2px 10px #1713291a}.sidebar-profile span{display:grid;min-width:0;line-height:1.35}.sidebar-profile strong{font-size:.88rem}.sidebar-profile small{color:var(--social-red);font-size:.72rem;font-weight:600}.social-nav{display:grid;gap:4px;padding:8px 0 14px;border-bottom:1px solid rgba(23,19,41,.1)}.social-nav a{display:flex;align-items:center;gap:12px;min-height:50px;padding:7px 10px;border-radius:12px;color:var(--ink);font-size:.91rem;font-weight:600;text-decoration:none;transition:background .18s,transform .18s}.social-nav a:hover{background:#ffffffc7;transform:translate(2px)}.social-nav a.active{background:#fff;color:var(--social-red);box-shadow:0 1px 2px #17132912}.nav-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--social-red);box-shadow:0 2px 10px #17132914}.social-nav a.active .nav-icon{background:var(--social-red);color:#fff}.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sidebar-note-card{padding:16px;border:1px solid rgba(189,138,39,.2);border-radius:14px;background:#fff9}.sidebar-note-card strong{font-size:.85rem;color:#5f4516}.sidebar-note-card p{margin:5px 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}.feed-column{display:grid;min-width:0;gap:18px}.feed-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:12px .5cm;border:1px solid var(--social-border);border-radius:var(--social-radius);background:#fff;color:var(--ink);box-shadow:var(--social-shadow);text-decoration:none;box-sizing:border-box}.feed-composer img{width:46px;height:46px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 2px 10px #1713291a}.feed-composer span{padding:10px 16px;border-radius:999px;background:#f1f2f5;color:#77717f;font-size:.9rem}.feed-composer strong{padding:8px 13px;border-radius:999px;color:var(--social-red);font-size:.82rem;white-space:nowrap}.feed-composer:hover span{background:#ece8df;color:var(--ink)}.projects-hub{scroll-margin-top:92px}.projects-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:24px}.projects-hub-head>div:first-child{max-width:560px}.projects-hub-head h2{margin:0;font:500 clamp(1.8rem,3vw,2.7rem)/1.2 "Pridi","Noto Sans Thai",serif}.projects-hub-head p:last-child{margin:9px 0 0;color:var(--muted);font-size:.94rem;line-height:1.65}.projects-hub-actions{display:grid;justify-items:end;gap:8px;flex:0 0 auto}.projects-hub-actions>span{color:var(--muted);font-size:.74rem}.projects-hub-actions .button{min-height:40px;padding:7px 14px;border-radius:999px;font-size:.78rem}.project-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-catalog-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-height:260px;overflow:hidden;border:1px solid rgba(23,19,41,.09);border-radius:14px;background:#fff;box-shadow:0 6px 20px #17132911;transition:transform .2s,box-shadow .2s}.project-catalog-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1713291c}.project-card-cover{position:relative;display:flex;align-items:center;justify-content:center;min-height:112px;padding:18px;background:linear-gradient(135deg,#4d1514,#8b231f 62%,#c69431);overflow:hidden}.project-card-cover:after{content:"";position:absolute;width:150px;height:150px;right:-62px;top:-68px;border:1px solid rgba(239,217,142,.3);border-radius:50%;box-shadow:0 0 0 24px #efd98e0d}.project-card-cover img{position:relative;z-index:1;width:76px;height:76px;padding:5px;border-radius:50%;background:#fffffff0;object-fit:contain;box-shadow:0 8px 24px #00000040}.project-card-cover .project-status{position:absolute;z-index:2;top:12px;left:12px;margin:0;padding:5px 9px;border-radius:999px;background:#ffffffeb;color:#645019;font-size:.66rem;font-weight:700}.project-card-cover .project-status.draft{background:#171329db;color:#fff}.project-card-copy{display:grid;align-content:start;padding:17px}.project-card-copy h3{margin:0;font:600 1.08rem/1.45 Noto Sans Thai,Noto Sans Lao,sans-serif}.project-card-copy p{display:-webkit-box;margin:7px 0 15px;overflow:hidden;color:var(--muted);font-size:.82rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.project-card-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto}.project-card-open{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:7px 14px;border:0;border-radius:999px;background:var(--social-red);color:#fff;font:600 .78rem inherit;cursor:pointer}.project-card-open:hover{background:#681814}.project-card-external{color:#775414;font-size:.75rem;font-weight:700;text-decoration:none}.selected-project-detail{position:relative;margin-top:18px;padding:24px;border:1px solid rgba(189,138,39,.28);border-left:4px solid var(--social-gold);border-radius:13px;background:#fbf8ef}.selected-project-detail[hidden]{display:none}.selected-project-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:1.35rem;cursor:pointer}.selected-project-detail .project-status{margin:0 42px 3px 0;color:var(--social-red);font-size:.72rem;font-weight:700}.selected-project-detail h3{margin:0 42px 0 0;font:500 1.65rem/1.35 Pridi,Noto Sans Thai,serif}.selected-project-detail>p:not(.project-status){margin:8px 42px 16px 0;color:var(--muted)}.selected-project-detail nav{display:flex;flex-wrap:wrap;gap:8px}.selected-project-detail nav a,.selected-project-detail nav span{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;border:1px solid rgba(23,19,41,.12);border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;font-weight:600;text-decoration:none}.selected-project-detail nav a:hover{border-color:var(--social-gold);color:var(--social-red)}.feed-column>section{max-width:none;margin:0;overflow:hidden;border:1px solid var(--social-border);border-radius:var(--social-radius);background:var(--social-card);box-shadow:var(--social-shadow);padding:.5cm!important;box-sizing:border-box}.feed-column>.section{padding:.5cm!important;box-sizing:border-box}.feed-column .section-heading{max-width:none;margin-bottom:26px}.feed-column .section-heading .section-edit-button{position:relative;top:auto;right:auto;display:inline-flex;align-items:center;margin-top:14px;border-radius:999px;background:#fff}.feed-column .world .section-heading .section-edit-button{background:#ffffff0f}.feed-column .section-heading h2,.feed-column .process h2,.feed-column .callout h2{font-size:clamp(1.75rem,3vw,2.7rem)}.feed-column .section-heading>p:last-child{font-size:1rem}.feed-column .hero{display:block;background:#fff;color:var(--ink);padding:.5cm!important;box-sizing:border-box}.feed-column .hero-photo{min-height:clamp(390px,50vw,560px);background-position:center;border-radius:10px;overflow:hidden}.feed-column .hero-media-slider .media-stage{min-height:clamp(390px,50vw,560px);border-radius:10px;overflow:hidden}.feed-column .hero-copy{align-items:flex-start;min-height:0;padding:20px 0 0;background:#fff;color:var(--ink);text-align:left}.feed-column .hero-copy:after{display:none}.feed-column .hero h1{max-width:none;color:var(--ink);font-size:clamp(2rem,4.3vw,3.55rem);line-height:1.12}.feed-column .hero .lead{max-width:none;margin-top:12px;color:var(--muted);font-size:1rem;line-height:1.7}.feed-column .hero-actions{justify-content:flex-start;margin-top:20px}.feed-column .hero .button.ghost{border-color:#17132929;color:var(--ink)}.feed-column .hero .button{border-radius:999px}.feed-column .status-band{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:.5cm!important;border-top:0;border-left:4px solid var(--gold);box-shadow:var(--social-shadow);box-sizing:border-box}.feed-column .status-band .source-link{grid-column:2;justify-self:start}.feed-column .status-band h2{font-size:1.12rem}.feed-column .story-grid{grid-template-columns:1fr 1fr;max-width:none}.feed-column .story-feature-card{grid-column:1/-1;grid-row:auto;min-height:520px;border-radius:12px}.feed-column .story-mini-card{min-height:360px;border-radius:12px}.feed-column .timeline-section{padding-top:32px}.feed-column .timeline{grid-template-columns:1fr 1fr;gap:16px;border-top:0}.feed-column .timeline li{padding:0;border:1px solid rgba(23,19,41,.08);border-radius:12px;overflow:hidden}.feed-column .timeline li:before{display:none}.feed-column .world{background:var(--ink)}.feed-column .world .criteria-grid{grid-template-columns:1fr;max-width:none}.feed-column .world .criteria-grid article{border-radius:12px}.feed-column .process{grid-template-columns:1fr;gap:34px;margin-top:52px;padding-top:42px}.feed-column .voices{padding:.5cm!important;background:linear-gradient(135deg,#d7b457,#bd8a27);box-sizing:border-box}.feed-column .voices blockquote{gap:16px}.feed-column .voices blockquote p{font-size:clamp(1.4rem,2.6vw,2rem)}.feed-column .videos{background:#f7f5ef}.feed-column .video-grid{grid-template-columns:1fr 1fr;gap:14px}.feed-column .video-card{overflow:hidden;border-radius:12px;box-shadow:0 4px 16px #17132912}.feed-column .video-card:last-child{grid-column:1/-1}.feed-column .project-resources{background:#fff}.feed-column .resource-tabs{position:static;top:auto;grid-template-columns:repeat(4,1fr);margin:24px 0 18px;border-radius:12px;overflow:hidden;box-shadow:none}.feed-column .resource-tabs a{min-height:54px;padding:8px;font-size:.82rem}.feed-column .resource-panel{margin-top:16px;padding:24px;border-radius:12px;box-shadow:none;scroll-margin-top:94px}.feed-column .portal-media-grid,.feed-column .portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feed-column .community{background:#fff}.feed-column .comment-form{border-radius:12px;background:#f7f6f2}.feed-column .callout{grid-template-columns:auto minmax(0,1fr);gap:20px;padding:.5cm!important;background:linear-gradient(120deg,#2b2346,#171329);box-sizing:border-box}.feed-column .callout img{width:72px;height:82px}.feed-column .callout .button{grid-column:2;justify-self:start;border-radius:999px}.feed-column .search-highlight{animation:search-highlight 1.6s ease}@keyframes search-highlight{0%,to{box-shadow:var(--social-shadow)}35%{box-shadow:0 0 0 5px #bd8a2752,0 12px 34px #1713291f}}.rail-card{overflow:hidden;border:1px solid var(--social-border);border-radius:16px;background:#fff;box-shadow:var(--social-shadow);padding:18px .2cm;box-sizing:border-box}.right-rail .rail-card{padding-left:.2cm!important;padding-right:.2cm!important}.project-card{padding:20px .2cm;background:linear-gradient(145deg,#591815,#90261f 58%,#b57720 140%);color:#fff}.rail-label{margin:0 0 5px;color:var(--gold-light);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rail-card h2{margin:0;font:500 1.35rem/1.35 Pridi,Noto Sans Thai,serif}.project-card>p:not(.rail-label){margin:10px 0 18px;color:#eee4dc;font-size:.83rem;line-height:1.6}.rail-card>p:not(.rail-label){margin:10px 0 18px;color:inherit;font-size:.83rem;line-height:1.6}.rail-button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px;border-radius:999px;background:var(--gold-light);color:#3d2b09;font-size:.82rem;font-weight:700;text-align:center;text-decoration:none}.rail-button:hover{background:#fff}.quick-card{padding:8px .2cm}.rail-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 0 8px}.rail-card-head h2{font:700 .95rem/1.4 inherit}.rail-card-head span{color:var(--social-gold)}.quick-card nav{display:grid}.quick-card nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid rgba(23,19,41,.07);color:var(--ink);font-size:.84rem;text-decoration:none}.quick-card nav a:hover{background:#f8f6f0;color:var(--social-red)}.quick-card nav b{font-size:1.3rem;font-weight:400}.donate-card{display:flex;flex-direction:column;gap:10px;padding:20px .2cm;background:linear-gradient(145deg,#2e0d16,#1b070d);color:#fff;border:1px solid rgba(239,217,142,.3);box-sizing:border-box}.donate-card.theme-gold{background:linear-gradient(145deg,#fff8e8,#f3dfaa);color:var(--ink);border-color:#d4af3766}.donate-card-head{display:flex;align-items:center;gap:12px}.donate-card-head-text{min-width:0;flex:1}.heart-icon,.donate-card .rail-card-icon-badge{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#efd98e2e;color:var(--gold-light);border:1px solid rgba(239,217,142,.3);font-size:1.15rem;box-shadow:0 3px 10px #00000040}.donate-card.theme-gold .heart-icon,.donate-card.theme-gold .rail-card-icon-badge{background:#8b231f;color:#fff;border:none}.donate-card .rail-label{margin:0 0 3px;color:var(--gold-light);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.donate-card.theme-gold .rail-label{color:#8b231f}.donate-card h2{margin:0;font:500 1.22rem/1.35 Pridi,Noto Sans Thai,serif;color:var(--gold-light);word-break:break-word}.donate-card.theme-gold h2{color:#4a1210}.donate-card-desc,.donate-card>p:not(.rail-label){margin:6px 0 12px;color:#ded8e2;font-size:.83rem;line-height:1.6;word-break:break-word}.donate-card.theme-gold .donate-card-desc,.donate-card.theme-gold>p:not(.rail-label){color:#553b26}.donate-card .rail-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:auto;padding:8px 15px;border-radius:999px;background:var(--gold-light);color:#3d2b09;font-size:.82rem;font-weight:700;text-align:center;text-decoration:none;box-shadow:0 3px 10px #0003}.donate-card .rail-button:hover{background:#fff;color:#3d2b09}.donate-card.theme-gold .rail-button{background:#8b231f;color:#fff}.donate-card.theme-gold .rail-button:hover{background:#661714;color:#fff}.rail-footnote{margin:0;padding:0 .2cm;color:#7a7581;font-size:.68rem;line-height:1.5}.mobile-bottom-nav{display:none}@media(max-width:1360px){.site-header.social-topbar{grid-template-columns:minmax(230px,300px) minmax(210px,1fr) auto auto;padding-inline:20px}.social-topbar .top-nav a{min-width:58px;padding-inline:7px}.social-topbar .top-nav a span{display:none}.social-layout{grid-template-columns:215px minmax(0,780px) 265px;gap:18px}}@media(max-width:1160px){.site-header.social-topbar{grid-template-columns:minmax(230px,300px) minmax(220px,1fr) auto}.social-topbar .top-nav{display:none}.social-layout{grid-template-columns:220px minmax(0,800px);max-width:1080px}.right-rail{grid-column:2;display:block;margin-top:20px}.right-rail-sticky{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media(max-width:720px),(max-width:880px)and (hover:none)and (pointer:coarse){html{scroll-padding-top:82px}body{padding-bottom:72px}.site-header.social-topbar{grid-template-columns:minmax(0,1fr) auto;min-height:68px;padding:7px 12px}.site-search{display:none}.social-topbar .brand img{width:42px;height:44px}.social-topbar .brand small{font-size:.61rem}.social-topbar .brand strong{font-size:.82rem}.social-topbar .language-option{min-width:32px;padding:4px 6px;font-size:.69rem}.social-topbar .account-button{min-height:36px;padding:6px 10px;font-size:.72rem}.social-layout{display:block;width:100%;max-width:820px;padding:12px 12px 28px}.desktop-sidebar{display:none}.right-rail{display:block;margin-top:20px;padding:0 2px}.right-rail-sticky{position:static;display:grid;grid-template-columns:1fr;gap:14px}.feed-column{gap:12px}.feed-column>section{border-radius:14px}.mobile-bottom-nav{position:fixed;z-index:220;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:64px;padding:6px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid rgba(23,19,41,.12);background:#fffffff7;box-shadow:0 -5px 20px #17132917;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav a{display:grid;place-items:center;align-content:center;gap:1px;border-radius:10px;color:#716c79;font-size:.64rem;font-weight:600;text-decoration:none}.mobile-bottom-nav a.active{background:#f8edda;color:var(--social-red)}.mobile-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-tools{right:12px;bottom:82px}.chat-panel{bottom:78px;height:min(620px,calc(100dvh - 94px))}footer{padding-bottom:94px}}@media(max-width:600px){.site-header.social-topbar{gap:7px}.social-topbar .header-left{gap:6px}.social-topbar .menu-button{width:38px;height:38px}.social-topbar .brand{gap:6px}.social-topbar .brand img{width:38px;height:40px}.social-topbar .brand>span{display:grid;max-width:145px}.social-topbar .brand strong{font-size:.75rem}.social-topbar .header-actions{gap:5px}.social-topbar .account-button{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-topbar .language-switcher{position:absolute;right:8px;top:68px;z-index:2;box-shadow:0 3px 12px #1713291a}.social-layout{padding:44px 0 20px}.feed-column>section{border-right:0;border-left:0;border-radius:0;padding:.5cm!important}.feed-column>.section{padding:.5cm!important}.feed-column .hero{padding:.5cm!important}.feed-column .hero-photo,.feed-column .hero-media-slider .media-stage{min-height:48vh;max-height:470px;border-radius:10px}.feed-column .hero-copy{padding:16px 0 0!important}.feed-column .hero h1{font-size:clamp(1.85rem,9vw,2.5rem)}.feed-column .hero .lead{font-size:.95rem}.feed-column .hero-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.feed-column .hero-actions .button{min-height:46px;padding:8px 12px;font-size:.78rem;text-align:center}.feed-column .status-band{grid-template-columns:1fr;padding:.5cm!important}.feed-composer{grid-template-columns:auto minmax(0,1fr);margin:0 10px;padding:10px .5cm!important;border-radius:14px}.feed-composer img{width:42px;height:42px}.feed-composer span{padding:9px 12px;font-size:.82rem}.feed-composer strong{display:none}.projects-hub-head{display:grid;gap:14px}.projects-hub-actions{justify-items:start}.project-catalog-grid{display:flex;margin-inline:-16px;padding:0 16px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.project-catalog-card{flex:0 0 min(82vw,330px);scroll-snap-align:start}.selected-project-detail{padding:20px 16px}.selected-project-detail h3{font-size:1.4rem}.feed-column .status-band .status-icon{display:none}.feed-column .status-band .source-link{grid-column:1}.feed-column .story-grid,.feed-column .timeline,.feed-column .video-grid{grid-template-columns:1fr}.feed-column .story-feature-card,.feed-column .video-card:last-child{grid-column:auto}.feed-column .story-feature-card{min-height:430px}.feed-column .story-mini-card{min-height:330px}.feed-column .resource-tabs{grid-template-columns:1fr 1fr}.feed-column .portal-media-grid,.feed-column .portal-card-grid{grid-template-columns:1fr}.feed-column .resource-panel{padding:20px 14px}.feed-column .voices{padding:.5cm!important}.feed-column .callout{grid-template-columns:1fr;padding:.5cm!important;text-align:center}.feed-column .callout img{margin:auto}.feed-column .callout .button{grid-column:1;justify-self:stretch}}@media(min-width:1161px){body.support-project-open .social-layout{width:min(1500px,100%);max-width:1500px;grid-template-columns:250px minmax(0,1180px);justify-content:center}}@media(min-width:1024px)and (max-width:1160px){body.support-project-open .social-layout{width:100%;max-width:1080px;grid-template-columns:250px minmax(0,1fr)}}.language-dropdown{position:relative;justify-self:end}.language-dropdown-button{display:inline-flex;align-items:center;gap:7px;min-height:39px;border:1px solid rgba(23,19,41,.12);border-radius:999px;background:#f5f3ee;padding:7px 12px;color:#4d4855;font:600 .78rem Noto Sans Thai,Noto Sans Lao,sans-serif;cursor:pointer}.language-dropdown-button:hover,.language-dropdown-button[aria-expanded=true]{border-color:#9f731c73;background:#fff}.language-chevron{font-size:1rem;transition:transform .2s}.language-dropdown-button[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;z-index:150;top:calc(100% + 8px);right:0;display:grid;min-width:150px;padding:6px;border:1px solid rgba(23,19,41,.12);border-radius:12px;background:#fff;box-shadow:0 16px 42px #1713292e}.language-menu[hidden]{display:none}.language-menu .language-option{width:100%;border:0;border-radius:8px;padding:9px 12px;background:transparent;color:#4d4855;text-align:left;font:600 .82rem Noto Sans Thai,Noto Sans Lao,sans-serif;cursor:pointer}.language-menu .language-option:hover{background:#f5f3ee;color:var(--social-red)}.language-menu .language-option.active{background:#efe5c8;color:#6b4a13}body.support-project-open{background:#f3f0e8}body.support-project-open .site-header.social-topbar{border-color:#efd98e2e;background:#073b31;color:#fff;box-shadow:0 4px 18px #073b3133}body.support-project-open .social-topbar .brand,body.support-project-open .social-topbar .brand strong{color:#f1d889}body.support-project-open .social-topbar .brand small{color:#fff}body.support-project-open .social-topbar .menu-button,body.support-project-open .social-topbar .language-dropdown-button{border-color:#efd98e52;background:#ffffff14;color:#fff}body.support-project-open .social-topbar .menu-button span{background:#fff}body.support-project-open .social-topbar .top-nav a{color:#e6ede9}body.support-project-open .social-topbar .top-nav a:hover,body.support-project-open .social-topbar .top-nav a.active{background:#efd98e24;color:#f1d889}body.support-project-open .social-topbar .account-button{border:1px solid #e7ce80;background:transparent}body.support-project-open .site-search{border-color:#fff3;background:#ffffff17}body.support-project-open .site-search svg{stroke:#dfe9e5}body.support-project-open .site-search input{color:#fff}body.support-project-open .site-search input::placeholder{color:#c3d2cc}body.support-project-open .site-search button{background:#f0d98e;color:#073b31}body.support-project-open .social-layout{grid-template-columns:minmax(0,1180px);width:100%;padding-top:16px}body.support-project-open .desktop-sidebar,body.support-project-open .right-rail,body.support-project-open .feed-column>:not(#projects){display:none}body.support-project-open .feed-column{min-width:0}body.support-project-open .projects-hub{padding:0;background:transparent;box-shadow:none}body.support-project-open .projects-hub-head,body.support-project-open .project-catalog-grid,body.support-project-open .projects-hub-actions{display:none}.support-project-detail{scroll-margin-top:86px;margin:0;border:1px solid rgba(18,67,54,.14);border-radius:18px;background:#f9f7f1;box-shadow:0 20px 58px #17132917;overflow:hidden}.support-project-breadcrumb{display:flex;align-items:center;gap:9px;padding:14px clamp(18px,3vw,32px);border-bottom:1px solid rgba(23,19,41,.08);background:#fff;color:#716b77;font-size:.78rem}.support-project-breadcrumb a{color:#155a49;text-decoration:none}.support-project-breadcrumb a:hover{color:var(--social-red)}.support-project-hero{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:radial-gradient(circle at 94% 15%,rgba(189,138,39,.13),transparent 30%),#f8f5ec;color:#123f35;overflow:hidden}.support-project-hero:after{display:none!important;content:none!important}.support-project-hero-media{position:relative;width:100%;min-width:0;min-height:480px;background:#0d241e}.muchalinda-hero-slider{width:100%;height:100%;max-width:none;margin:0;box-shadow:none}.muchalinda-hero-slider .media-stage{width:100%;height:100%;min-height:480px;aspect-ratio:21/9}.muchalinda-hero-slider .media-caption{padding:60px 68px 22px;font-size:.88rem}.muchalinda-hero-slider .media-slide.image-slide>img.expandable-media{object-fit:cover}.muchalinda-hero-slider .media-slide.image-slide>img.media-image-backdrop{display:none}.muchalinda-hero-slider .slider-arrow{width:42px;height:42px}.muchalinda-hero-slider .slider-arrow.prev{left:14px}.muchalinda-hero-slider .slider-arrow.next{right:14px}.muchalinda-hero-slider .section-slider-update{top:14px;left:14px;right:auto}.support-project-hero-copy{position:relative;z-index:1;padding:34px clamp(24px,4vw,44px);max-width:960px}.support-project-parent{display:inline-flex;margin:0 0 14px;padding:6px 12px;border:1px solid rgba(157,110,26,.6);border-radius:999px;background:#ffffffb8;color:#896019;font-size:.77rem;font-weight:700}.support-project-hero h2{max-width:none;margin:0;font:600 clamp(1rem,2vw,1.625rem)/1.15 "Pridi","Noto Sans Thai",serif;color:#103f35}.support-project-lead{max-width:860px;margin:14px 0 20px;color:#9b6d20;font-size:0.79rem;line-height:1.65}.support-project-status{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#9e1825;color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap}.support-project-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#f4d98c;box-shadow:0 0 0 4px #f4d98c24}.support-project-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid rgba(23,19,41,.1);background:#fff}.support-project-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 12px;border-right:1px solid rgba(23,19,41,.08);color:#35323b;text-align:center;text-decoration:none;font-size:.88rem}.support-project-tabs a:last-child{border-right:0}.support-project-tabs a:hover{background:#f1ead7;color:#6b4a13}.support-project-tabs a.active{background:#0f5747;color:#fff}.support-project-tabs a>span{font-size:1.25rem}.support-project-tabs b{font-weight:700}.support-project-content{display:flex;flex-direction:column;gap:24px;padding:clamp(20px,3.5vw,36px)}.muchalinda-overview-media{margin:0!important;width:100%}.muchalinda-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0!important;padding:0!important;list-style:none;border-top:0!important}@media(max-width:700px){.muchalinda-cards-grid{grid-template-columns:1fr}}.support-project-story,.support-project-facts,.support-project-objectives,.support-project-progress,.support-project-donation{scroll-margin-top:94px}.support-project-story,.support-project-facts{padding:20px;border:1px solid rgba(23,19,41,.09);border-radius:12px;background:#fff;box-shadow:0 5px 18px #15342c0d}.support-project-card-title{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(23,19,41,.09)}.support-project-card-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#b8872a;color:#fff}.support-project-card-title h3{font-size:1.25rem}.support-project-detail h3{margin:0;font:500 clamp(1.55rem,2.5vw,2.25rem)/1.25 "Pridi","Noto Sans Thai",serif}.support-project-story-body{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);gap:20px;align-items:start;padding-top:18px}.support-project-story-image{margin:0}.support-project-story-image img{display:block;width:100%;aspect-ratio:4/3;border-radius:9px;object-fit:cover}.support-project-story-image figcaption{margin-top:7px;color:#827b86;font-size:.7rem;line-height:1.45}.support-project-story-body h4{margin:3px 0 7px;color:#153f36;font-size:1rem}.support-project-story-body p:last-child{margin:0;color:#5e5865;font-size:.88rem;line-height:1.75}.support-project-story-body .kicker{margin:0 0 4px;font-size:.72rem}.support-project-facts h3{font-size:1.25rem}.support-project-facts ul{display:grid;gap:0;margin:10px 0 0;padding:0;list-style:none}.support-project-facts li{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid rgba(23,19,41,.08)}.support-project-facts strong{color:#0f5747;font-size:.82rem}.support-project-facts span{color:#5e5865;font-size:.86rem}.support-project-objectives,.support-project-progress,.support-project-donation{padding:clamp(26px,4vw,44px);border-top:1px solid rgba(23,19,41,.08)}.support-project-objective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.support-project-objective-grid article{padding:23px;border:1px solid rgba(23,19,41,.09);border-radius:12px;background:#fff}.support-project-objective-grid article>span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:15px;border-radius:50%;background:#0d3f32;color:#f0d98e}.support-project-objective-grid h4{margin:0 0 8px;font-size:1rem}.support-project-objective-grid p{margin:0;color:#696370;font-size:.86rem;line-height:1.7}.support-project-progress{background:#fff}.support-project-progress ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0 0;padding:0;border-top:2px solid #d7c89e;list-style:none}.support-project-progress li{position:relative;display:grid;gap:4px;padding:26px 22px 0 0}.support-project-progress li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#0d6a52;box-shadow:0 0 0 3px #0d6a52}.support-project-progress time{color:#8f221f;font-size:.8rem;font-weight:700}.support-project-progress strong{font-size:.93rem}.support-project-progress span{color:#716b77;font-size:.8rem;line-height:1.6}.support-project-donation{display:block;width:100%;box-sizing:border-box;background:#f4eee1}.support-project-donation-copy{padding:20px;border:5px solid #9e1825;border-radius:12px;background:linear-gradient(145deg,#a71927,#78151c);color:#fff;box-shadow:0 12px 28px #6b151c33}.support-project-donation-copy .kicker,.support-project-donation-copy h3{color:#fff}.support-project-donation-copy>p:not(.kicker):not(.donation-safety-note){color:#fff}.donation-safety-note{margin:18px 0 0;padding:13px 14px;border-radius:8px;background:#fff;color:#5e5865;font-size:.8rem;line-height:1.6}.muchalinda-donation-media{position:relative;min-width:0;padding:8px;border:1px solid rgba(158,24,37,.25);border-radius:12px;background:#fff}.muchalinda-donation-slider{width:100%;max-width:620px;margin:0 auto;background:#160d1b;box-shadow:0 14px 38px #17132929}.muchalinda-donation-slider .media-stage{aspect-ratio:1/1;min-height:0}.muchalinda-donation-slider .media-slide img.expandable-media{object-fit:contain}.muchalinda-donation-slider .media-image-backdrop{opacity:.34;filter:blur(20px);transform:scale(1.12)}.muchalinda-donation-slider .media-caption{background:linear-gradient(transparent,#08050fe6);color:#fff}.muchalinda-donation-slider .slider-empty{color:#fff}.muchalinda-donation-media .section-slider-update{top:12px;right:12px}.support-project-footer-actions{display:flex;justify-content:space-between;gap:18px;padding:18px clamp(24px,4vw,44px);border-top:1px solid rgba(23,19,41,.08);background:#fff;font-size:.8rem}.support-project-footer-actions a{color:#6b4a13;font-weight:700;text-decoration:none}.support-project-footer-actions a:hover{text-decoration:underline}@media(max-width:900px){.support-project-hero-copy{padding:26px clamp(20px,3.5vw,36px)}.support-project-hero-media,.muchalinda-hero-slider .media-stage{min-height:360px;aspect-ratio:16/9}.support-project-content,.support-project-donation,.support-project-objective-grid{grid-template-columns:1fr}.support-project-progress ol{grid-template-columns:1fr;margin-left:6px;border-top:0;border-left:2px solid #d7c89e}.support-project-progress li{padding:0 0 24px 24px}.support-project-progress li:before{top:5px;left:-7px}.muchalinda-donation-slider{max-width:560px}}@media(max-width:600px){.language-dropdown-button{min-height:35px;padding:6px 9px}.language-dropdown-button>span:first-child{display:none}.language-menu{min-width:132px}body.support-project-open{padding-bottom:0}body.support-project-open .social-layout{padding:0}.support-project-detail{border-width:0;border-radius:0}.support-project-breadcrumb{overflow-x:auto;white-space:nowrap}.support-project-hero-media,.muchalinda-hero-slider .media-stage{min-height:245px;aspect-ratio:16/10}.support-project-hero-copy{padding:20px}.support-project-parent{margin-bottom:10px}.support-project-hero h2{font-size:0.95rem}.support-project-lead{margin:9px 0 14px;font-size:0.69rem}.support-project-tabs{display:flex;overflow-x:auto}.support-project-tabs a{display:grid;gap:3px;flex:1 0 82px;min-width:82px;padding:10px 8px;font-size:.7rem}.support-project-tabs a>span{font-size:1.1rem}.support-project-content{padding:14px}.support-project-story,.support-project-facts{padding:16px}.support-project-story-body{grid-template-columns:110px minmax(0,1fr);gap:12px}.support-project-story-image img{aspect-ratio:1/1}.support-project-story-image figcaption{font-size:.62rem}.support-project-story-body h4{font-size:.9rem}.support-project-story-body p:last-child{display:-webkit-box;overflow:hidden;font-size:.78rem;-webkit-line-clamp:5;-webkit-box-orient:vertical}.support-project-facts li{grid-template-columns:1fr;gap:3px}.support-project-objectives,.support-project-progress,.support-project-donation{padding:22px 14px}.support-project-donation{gap:14px}.muchalinda-donation-slider .media-stage{aspect-ratio:1/1.08}.support-project-footer-actions{display:grid;padding:18px 20px}}@media(prefers-reduced-motion:reduce){.feed-column .search-highlight{animation:none;outline:4px solid rgba(189,138,39,.28)}}.project-switch-heading{display:block;padding:8px 14px 12px;color:#8a6370;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.social-nav .project-switch-button{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;margin:0 0 6px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#3c3745;text-align:left;font:600 .88rem/1.45 Noto Sans Thai,Noto Sans Lao,sans-serif;cursor:pointer}.social-nav .project-switch-button:hover{background:#f5f0e6;color:var(--social-red)}.social-nav .project-switch-button.active{background:#f4e5ca;color:var(--social-red);box-shadow:inset 3px 0 0 var(--social-gold)}.project-switch-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(124,38,55,.18);border-radius:9px;background:#fff;color:var(--social-red);font:700 .75rem/1 Noto Sans Thai,sans-serif}.project-node-tabs{max-width:min(100%,860px);overflow-x:auto;scrollbar-width:thin}.project-node-tabs[hidden]{display:none!important}.social-topbar .project-node-tabs a{display:flex;min-width:max-content;padding:8px 12px;font-size:.75rem;white-space:nowrap}.support-project-tabs{display:none}@media(min-width:1024px){.desktop-sidebar{display:block}.mobile-bottom-nav{display:none}.social-topbar .top-nav.project-node-tabs{display:flex}.social-layout{grid-template-columns:250px minmax(0,1fr) 290px;column-gap:.2cm;padding-left:.2cm;padding-right:.2cm;width:100%;max-width:100%}body.support-project-open .social-layout{grid-template-columns:250px minmax(0,1fr);column-gap:.2cm;padding-left:.2cm;padding-right:.2cm;width:100%;max-width:100%}body.support-project-open .desktop-sidebar{display:block}body.support-project-open .right-rail{display:none}body.support-project-open .feed-column>:not(#projects){display:none}body.support-project-open .projects-hub{grid-column:1 / -1; width:100% !important; max-width:100% !important;}}@media(min-width:1024px)and (max-width:1160px){.social-layout{grid-template-columns:250px minmax(0,1fr);column-gap:.2cm;padding-left:.2cm;padding-right:.2cm;width:100%;max-width:100%}}@media(max-width:1023px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.desktop-sidebar,.right-rail{display:none}.social-layout{display:block;width:100%;max-width:100%;padding:12px .2cm 30px}.social-topbar{grid-template-columns:1fr auto;grid-auto-rows:auto;gap:8px 12px}.social-topbar .site-search{display:none}.social-topbar .top-nav.project-node-tabs{display:flex;grid-column:1/-1;grid-row:2;width:100%;max-width:none;padding:4px 0 2px}.social-topbar .project-node-tabs a span{display:inline}.mobile-bottom-nav{position:fixed;z-index:220;right:0;bottom:0;left:0;display:flex;gap:8px;min-height:70px;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow-x:auto;border-top:1px solid rgba(23,19,41,.12);background:#fffffff7;box-shadow:0 -5px 20px #17132917;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav .project-switch-button{display:grid;grid-template-columns:28px minmax(120px,auto);align-items:center;gap:7px;flex:1 0 auto;min-height:52px;padding:6px 12px;border:0;border-radius:12px;background:transparent;color:#625d69;text-align:left;font:600 .72rem/1.3 Noto Sans Thai,Noto Sans Lao,sans-serif;cursor:pointer}.mobile-bottom-nav .project-switch-button.active{background:#f4e5ca;color:var(--social-red)}.mobile-bottom-nav .project-switch-icon{width:27px;height:27px}body.support-project-open{padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.support-project-open .social-layout{display:block;width:100%;padding:0 .2cm 24px}}@media(max-width:600px){.social-topbar .top-nav.project-node-tabs{margin:0 -4px;padding-bottom:4px}.social-topbar .project-node-tabs a{min-height:40px;padding:7px 10px;font-size:.7rem}.mobile-bottom-nav .project-switch-button{grid-template-columns:25px minmax(108px,auto);padding-inline:9px;font-size:.68rem}.mobile-bottom-nav .project-switch-icon{width:25px;height:25px}}.desktop-sidebar .sidebar-profile{display:none}.desktop-sidebar .social-nav{margin-top:0}@media(min-width:1161px){body.support-project-open .social-layout{width:100%;max-width:100%;grid-template-columns:250px minmax(0,1fr);column-gap:.2cm;padding-left:.2cm;padding-right:.2cm;justify-content:center}}@media(min-width:1024px)and (max-width:1160px){body.support-project-open .social-layout{width:100%;max-width:100%;grid-template-columns:250px minmax(0,1fr);column-gap:.2cm;padding-left:.2cm;padding-right:.2cm}}.right-rail{min-width:0}.rail-cards-container{display:grid;gap:16px}.rail-card{position:relative;transition:transform .18s ease,box-shadow .18s ease}.rail-card.is-admin-draggable{cursor:grab}.rail-card.is-admin-draggable:active{cursor:grabbing}.rail-card.is-dragging{opacity:.4;border:2px dashed var(--gold)}.rail-card.drag-over{border-top:3px solid var(--gold);transform:translateY(2px)}.rail-card-gear{position:absolute;top:12px;right:12px;z-index:15;width:34px;height:34px;border-radius:50%;border:1px solid rgba(23,19,41,.18);background:#fffffff0;color:var(--ink);display:grid;place-items:center;font-size:1.05rem;cursor:pointer;box-shadow:0 3px 10px #0000001a;transition:transform .18s ease,background .18s ease,color .18s ease}.project-card .rail-card-gear{background:#171329b8;border-color:#efd98e66;color:var(--gold-light)}.rail-card-gear:hover{transform:rotate(45deg) scale(1.08);background:var(--gold);color:var(--ink);border-color:var(--gold)}.rail-card-gear:active{transform:rotate(90deg) scale(.96)}.rail-admin-toolbar{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:8px}.rail-admin-toolbar button{min-height:42px;font-size:.84rem}.rail-add-button{font-weight:600}.rail-trash-button{background:#fff;border:1px solid rgba(23,19,41,.16);color:var(--muted);cursor:pointer;padding:0 12px;border-radius:6px}.rail-trash-button:hover{color:var(--social-red);border-color:var(--social-red)}.rail-card-status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;margin-bottom:6px}.status-draft{background:#ffebee;color:#c62828}.status-scheduled{background:#e8f5e9;color:#2e7d32}.status-expired{background:#eee;color:#616161}.rail-card.theme-gold{background:linear-gradient(145deg,#fffdf7,#fbf4df);border-color:#d4af3773}.rail-card.theme-gold h2{color:#8a6008}.rail-card.theme-maroon{background:linear-gradient(145deg,#2e0d16,#1b070d);color:#fff;border-color:#efd98e4d}.rail-card.theme-maroon h2{color:var(--gold-light)}.rail-card.theme-maroon p{color:#ded8e2}.rail-card.theme-dark{background:linear-gradient(145deg,#161427,#0e0b1d);color:#fff;border-color:#efd98e40}.rail-card.theme-dark h2{color:var(--gold-light)}.rail-card.theme-dark p{color:#d3cede}.rail-card-image{width:100%;height:140px;object-fit:cover;border-radius:6px;margin:8px 0}.rail-card-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#d4af3724;font-size:1.25rem;margin-bottom:8px;color:var(--ink);transition:transform .18s ease}.rail-card-icon-badge.badge-facebook{background:#1877f2;color:#fff;box-shadow:0 3px 10px #1877f24d}.rail-card-icon-badge.badge-line{background:#06c755;color:#fff;box-shadow:0 3px 10px #06c7554d}.rail-card-icon-badge.badge-tiktok{background:#010101;color:#fff;box-shadow:0 3px 10px #00000059}.rail-card-icon-badge.badge-instagram{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff;box-shadow:0 3px 10px #d6249f59}.rail-card-icon-badge.badge-youtube{background:red;color:#fff;box-shadow:0 3px 10px #ff000059}.rail-card-icon-badge svg{display:block;width:22px;height:22px}.rail-card-dialog{max-width:760px}.rail-preset-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.rail-lang-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:2px solid rgba(23,19,41,.08);margin-bottom:12px;padding-bottom:4px}.rail-lang-switcher{display:flex;gap:6px}.rail-auto-translate-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;border-radius:999px;background:#fbf3dc;color:#7a540d;border:1px solid rgba(197,151,47,.35);cursor:pointer;transition:all .18s ease}.rail-auto-translate-btn:hover{background:#f3e3ba;color:#5a3c05;transform:translateY(-1px)}.rail-auto-translate-btn:active{transform:none}.rail-translate-status{font-size:.74rem;color:#7a540d;background:#fdf9ed;padding:4px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(197,151,47,.25);margin-bottom:10px}.rail-lang-tab{border:0;background:transparent;padding:8px 14px;font-size:.88rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;transition:all .15s}.rail-lang-tab.active{color:var(--social-red);border-bottom-color:var(--social-red)}.rail-lang-note{margin:-4px 0 14px;font-size:.76rem;color:var(--muted);background:#fbf8f1;padding:6px 10px;border-radius:4px;border-left:3px solid var(--gold)}.rail-lang-pane{display:grid;gap:12px}.rail-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rail-icon-picker-group{display:grid;gap:10px}.rail-icon-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;background:linear-gradient(180deg,#faf8f5,#f4efe4);border:1px solid rgba(189,138,39,.22);border-radius:10px;box-shadow:inset 0 1px 2px #17132908}.rail-chip{border:1px solid rgba(23,19,41,.12);background:#fff;border-radius:8px;min-width:38px;height:38px;padding:0 8px;font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #1713290f;-webkit-user-select:none;user-select:none}.rail-chip:hover{background:#fffdf9;transform:translateY(-2px);border-color:var(--gold,#bd8a27);box-shadow:0 3px 8px #bd8a2740}.rail-chip:active{transform:scale(.95)}.rail-chip.active{background:linear-gradient(135deg,#bd8a27,#8b231f);color:#fff;border-color:#8b231f;box-shadow:0 3px 10px #8b231f47;transform:scale(1.08)}.rail-chip-social{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:6px;color:#fff}.rail-chip-phone{background:#16a34a;border-color:#15803d;color:#fff}.rail-chip-phone:hover{background:#15803d}.rail-chip-fb{background:#1877f2;border-color:#1465cc}.rail-chip-fb:hover{background:#1465cc}.rail-chip-line{background:#06c755;border-color:#05a947}.rail-chip-line:hover{background:#05a947}.rail-chip-tiktok{background:#010101;border-color:#222}.rail-chip-tiktok:hover{background:#222}.rail-chip-instagram{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#b91d87}.rail-chip-instagram:hover{opacity:.92}.rail-chip-youtube{background:red;border-color:#c00}.rail-chip-youtube:hover{background:#c00}.rail-chip-social svg{width:15px;height:15px;display:block;fill:currentColor}.rail-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.88rem;font-weight:500;margin-top:10px}.rail-schedule-box{background:#f9f8f4;border:1px solid rgba(23,19,41,.08);padding:12px 14px;border-radius:6px;margin:8px 0}.rail-schedule-fields{margin-top:10px;display:grid;gap:8px}.rail-schedule-hint{color:var(--muted);font-size:.75rem}.rail-order-control{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f3efe5;border-radius:6px;font-size:.84rem;margin:10px 0}.rail-order-control .small{padding:4px 10px;min-height:30px;font-size:.76rem}.rail-order-display{font-weight:600;margin-left:auto;color:var(--ink)}.rail-dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.dialog-actions-right{display:flex;gap:8px}.button.outline{background:transparent;border:1px solid currentColor}.rail-trash-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 14px;background:var(--paper);border-radius:6px;margin-bottom:8px}.rail-trash-meta strong{display:block;font-size:.9rem}.rail-trash-meta span{color:var(--muted);font-size:.76rem}@media(max-width:600px){.rail-preset-row,.rail-field-grid{grid-template-columns:1fr}.rail-dialog-actions{flex-direction:column-reverse;align-items:stretch}.dialog-actions-right{justify-content:stretch}.dialog-actions-right button{flex:1}.rail-trash-row{grid-template-columns:1fr;gap:8px}}.sidebar-custom-section{display:grid;gap:8px;margin-top:10px;padding-top:12px;border-top:1px dashed rgba(23,19,41,.14)}.sidebar-items-container{display:grid;gap:6px}.sidebar-item{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 12px;border:1px solid rgba(23,19,41,.09);border-radius:12px;background:#fff;color:#3c3745;text-decoration:none;transition:all .18s ease;box-shadow:0 1px 3px #1713290a}.sidebar-item:hover{background:#fdfcf9;border-color:#bd8a2759;color:var(--social-red);transform:translateY(-1px);box-shadow:0 3px 8px #17132914}.sidebar-item.theme-gold{background:linear-gradient(135deg,#fffbf0,#f7eed4);border-color:#cba64b66}.sidebar-item.theme-maroon{background:linear-gradient(135deg,#fff8f8,#fceded);border-color:#7c263740}.sidebar-item.theme-dark{background:linear-gradient(135deg,#1f1a35,#141026);border-color:#efd98e4d;color:#fff}.sidebar-item.theme-dark .sidebar-item-title{color:var(--gold-light)}.sidebar-item.theme-dark .sidebar-item-desc{color:#b3aebf}.sidebar-item-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(124,38,55,.16);border-radius:8px;background:#faf8f5;color:var(--social-red);font:700 .85rem/1 Noto Sans Thai,sans-serif;flex-shrink:0}.sidebar-item-icon svg{display:block;width:18px;height:18px;fill:currentColor}.sidebar-item-icon.badge-facebook{background:#1877f2!important;color:#fff!important;border-color:#1465cc!important}.sidebar-item-icon.badge-line{background:#06c755!important;color:#fff!important;border-color:#05a947!important}.sidebar-item-icon.badge-tiktok{background:#010101!important;color:#fff!important;border-color:#222!important}.sidebar-item-icon.badge-instagram{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;color:#fff!important;border-color:#b91d87!important}.sidebar-item-icon.badge-youtube{background:red!important;color:#fff!important;border-color:#c00!important}.sidebar-item-icon.badge-link{background:#2563eb!important;color:#fff!important;border-color:#1d4ed8!important}.sidebar-item-icon.badge-phone{background:#16a34a!important;color:#fff!important;border-color:#15803d!important}.sidebar-item.theme-dark .sidebar-item-icon:not([class*=badge-]){background:#ffffff1a;color:var(--gold)}.social-mini-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;box-shadow:0 2px 5px #00000038;transition:all .2s ease;text-decoration:none;flex-shrink:0}.social-mini-link:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 4px 10px #00000059}.social-mini-link svg{width:18px;height:18px;fill:currentColor;display:block}.sidebar-social-links-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.social-mini-link.badge-facebook{background:#1877f2!important;color:#fff!important}.social-mini-link.badge-line{background:#06c755!important;color:#fff!important}.social-mini-link.badge-tiktok{background:#010101!important;color:#fff!important}.social-mini-link.badge-instagram{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important;color:#fff!important}.social-mini-link.badge-youtube{background:red!important;color:#fff!important}.social-mini-link.badge-link{background:#2563eb!important;color:#fff!important}.social-mini-link.badge-phone{background:#16a34a!important;color:#fff!important}.sidebar-item-copy{display:grid;min-width:0;line-height:1.35}.sidebar-item-title{font-weight:600;font-size:.84rem;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-desc{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-gear{opacity:0;transition:opacity .15s,transform .18s;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(23,19,41,.16);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;font-size:.8rem}.sidebar-item:hover .sidebar-item-gear{opacity:1}.sidebar-item-gear:hover{background:var(--gold);color:var(--ink);border-color:var(--gold);transform:rotate(45deg)}.sidebar-item.is-admin-draggable{cursor:grab}.sidebar-item.is-dragging{opacity:.4;border:2px dashed var(--gold)}.sidebar-item.drag-over{border-top:3px solid var(--social-red)}.sidebar-item-draft-badge{display:inline-block;padding:2px 6px;border-radius:4px;background:#ffebee;color:#c62828;font-size:.64rem;font-weight:600;margin-top:2px}.sidebar-item-status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.64rem;font-weight:600;margin-top:2px}.sidebar-item-status-badge.status-draft{background:#ffebee;color:#c62828}.sidebar-item-status-badge.status-scheduled{background:#e8f5e9;color:#2e7d32}.sidebar-item-status-badge.status-expired{background:#efebe9;color:#5d4037}.sidebar-admin-toolbar{margin-top:6px;display:grid;grid-template-columns:1fr auto auto;gap:6px}.sidebar-admin-toolbar button{min-height:38px;font-size:.8rem}.sidebar-add-button{font-weight:600}.sidebar-trash-button{background:#fff;border:1px solid rgba(23,19,41,.16);color:var(--muted);cursor:pointer;padding:0 10px;border-radius:6px;font-size:.78rem}.sidebar-trash-button:hover{color:var(--social-red);border-color:var(--social-red)}.sidebar-backup-button,.rail-backup-button{background:#fff;border:1px solid rgba(23,19,41,.16);color:var(--ink);cursor:pointer;padding:0 10px;border-radius:6px;font-size:.78rem;font-weight:600}.sidebar-backup-button:hover,.rail-backup-button:hover{color:var(--gold-dark);border-color:var(--gold);background:#fefbf4}.backup-restore-dialog{width:min(880px,95vw);max-height:92vh;padding:0;border:0;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 30px 100px #08051166}.backup-restore-dialog::backdrop{background:#0a0714b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backup-dialog-shell{display:flex;flex-direction:column;gap:20px;padding:24px;overflow-y:auto;max-height:90vh}.backup-card-panel{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:10px;background:#fdfbf7;border:1px solid rgba(159,115,28,.2);box-shadow:0 2px 8px #00000008}.backup-card-panel.restore-card-panel{background:#f8fafc;border-color:#2563eb33}.backup-panel-header{display:flex;align-items:center;gap:14px}.backup-icon{font-size:2rem;line-height:1;flex-shrink:0}.backup-panel-header h3{margin:0 0 4px;font-size:1.15rem;font-weight:700;color:var(--ink)}.backup-panel-header p{margin:0;font-size:.85rem;color:var(--muted)}.backup-status-row{display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px}.backup-stat-chip{display:flex;align-items:center;gap:8px;font-size:.88rem}.backup-stat-chip .stat-label{color:var(--muted)}.backup-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.78rem;font-weight:600;background:#fef3c7;color:#92400e}.backup-badge.badge-success{background:#dcfce7;color:#166534}.backup-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.backup-auto-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.backup-auto-toggle input{width:18px;height:18px;accent-color:#9f731c;cursor:pointer}.restore-drop-zone{border:2px dashed rgba(37,99,235,.3);border-radius:10px;padding:24px 16px;background:#fff;text-align:center;transition:all .2s ease;cursor:pointer}.restore-drop-zone:hover,.restore-drop-zone.dragover{border-color:#2563eb;background:#eff6ff}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:10px}.drop-icon{font-size:2.2rem}.drop-zone-content p{margin:0;font-size:.9rem;color:var(--ink)}.restore-preview-panel{display:flex;flex-direction:column;gap:14px;padding:16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px}.restore-preview-panel h4{margin:0;font-size:1rem;color:var(--ink)}.restore-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;font-size:.82rem;padding:10px 12px;background:#f8fafc;border-radius:6px}.restore-meta-grid span{color:var(--muted)}.restore-counts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.restore-count-pill{padding:8px 10px;background:#f1f5f9;border-radius:6px;text-align:center;font-size:.8rem}.restore-count-pill strong{display:block;font-size:1.1rem;color:#1e293b}.restore-mode-selection{display:flex;flex-direction:column;gap:8px;margin-top:4px}.restore-mode-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;background:#fafafa}.restore-mode-option:hover{background:#f5f5f5}.restore-mode-option input{margin-top:3px;accent-color:#2563eb}.restore-mode-option strong{display:block;font-size:.88rem;color:var(--ink)}.restore-mode-option p{margin:2px 0 0;font-size:.78rem;color:var(--muted)}.restore-confirm-box{padding:12px;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;font-size:.85rem}.restore-confirm-box input{margin-top:6px;padding:6px 10px;border:1px solid #fda4af;border-radius:4px;width:100%;max-width:240px;font-weight:700;letter-spacing:1px}.restore-action-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.restore-progress-box{padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.progress-bar-shell{width:100%;height:8px;background:#dbeafe;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{width:0%;height:100%;background:#2563eb;transition:width .3s ease}@media(max-width:600px){.backup-restore-dialog{width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0}.backup-dialog-shell{padding:16px}.backup-actions-row{flex-direction:column;align-items:stretch}.backup-actions-row .button{width:100%}}


.rail-card {
  position: relative;
}
.rail-card-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.rail-card-top-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
  flex-wrap: wrap;
}
.rail-card-top-left .rail-label {
  margin: 0;
  line-height: 1.2;
}
.rail-card-top-left .heart-icon,
.rail-card-top-left .rail-card-icon-badge {
  flex-shrink: 0;
  margin: 0;
}
.rail-card-top-row .rail-card-gear {
  position: static;
  flex-shrink: 0;
  margin: 0;
}

.rail-card-media-box, .sidebar-item-media-box {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.08);
}
.rail-card-media-box img, .sidebar-item-media-box img {
  width: 100%;
  height: auto;
  max-height: 220px;
  object-fit: cover;
  display: block;
  cursor: zoom-in;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.rail-card-media-box img:hover, .sidebar-item-media-box img:hover {
  opacity: 0.95;
  transform: scale(1.01);
}
.rail-card-media-box iframe, .sidebar-item-media-box iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  display: block;
}
.rail-card-media-box video, .sidebar-item-media-box video {
  width: 100%;
  max-height: 240px;
  display: block;
  background: #000;
}

/* Maintenance Overlay */
.maintenance-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top, #251e3e 0%, #171329 60%, #0d0a17 100%);
  color: #fff;
  padding: 24px;
  overflow-y: auto;
}
.maintenance-box {
  max-width: 520px;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(239, 217, 142, 0.35);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 12px;
  padding: 40px 32px;
  text-align: center;
  position: relative;
}
.maintenance-logo {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  object-fit: contain;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,0.3));
}
.maintenance-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(203, 166, 75, 0.15);
  border: 1px solid rgba(239, 217, 142, 0.4);
  color: #efd98e;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 18px;
}
.maintenance-status-badge:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #efd98e;
  box-shadow: 0 0 10px #efd98e;
}
.maintenance-title {
  margin: 0 0 12px;
  font-family: Pridi, "Noto Sans Thai", serif;
  font-size: clamp(1.8rem, 4vw, 2.3rem);
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
}
.maintenance-desc {
  color: #d2cddb;
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 28px;
}
.maintenance-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 24px;
}
.maintenance-admin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 24px;
  border: 1px solid rgba(239, 217, 142, 0.5);
  border-radius: 999px;
  background: rgba(239, 217, 142, 0.1);
  color: #efd98e;
  font: 600 0.9rem inherit;
  cursor: pointer;
  transition: all 0.2s ease;
}
.maintenance-admin-btn:hover {
  background: #cba64b;
  color: #171329;
}

/* Site Status Dialog & Switch */
.status-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px;
  background: #fdfaf3;
  border: 1px solid rgba(203, 166, 75, 0.35);
  border-radius: 8px;
  margin: 18px 0;
}
.status-switch-info strong {
  display: block;
  font-size: 1rem;
  color: #171329;
}
.status-switch-info span {
  display: block;
  font-size: 0.85rem;
  color: #696579;
  margin-top: 3px;
}
.site-toggle-switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 30px;
  flex-shrink: 0;
}
.site-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.site-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c9c4d1;
  transition: .25s;
  border-radius: 34px;
}
.site-toggle-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .25s;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
input:checked + .site-toggle-slider {
  background-color: #2e7d32;
}
input:checked + .site-toggle-slider:before {
  transform: translateX(24px);
}
.site-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 700;
}
.site-status-badge.published {
  background: #e8f5e9;
  color: #2e7d32;
}
.site-status-badge.maintenance {
  background: #fff3e0;
  color: #e65100;
}


/* Universal Admin Gear Button & Admin controls: Strictly hidden for non-admins */
.portal-admin-only,
.sidebar-admin-toolbar,
#sidebarAdminToolbar,
.rail-admin-toolbar,
#railAdminToolbar,
.sidebar-add-button,
.sidebar-trash-button,
.rail-add-button,
.rail-trash-button,
.admin-gear-btn,
.rail-card-gear,
.sidebar-item-gear,
.section-gear-btn,
.topnav-gear-btn,
.cms-hidden-section-notice,
[hidden] {
  display: none !important;
}

/* Portal Refresh Button: Visible ONLY for Admin */
body.is-admin .portal-refresh-btn,
body.is-admin #portalRefreshBtn {
  display: inline-flex !important;
}

/* Sidebar and Rail toolbars: Visible ONLY for Admin */
body.is-admin .sidebar-admin-toolbar:not([hidden]),
body.is-admin #sidebarAdminToolbar:not([hidden]) {
  margin-top: 8px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 6px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.is-admin .rail-admin-toolbar:not([hidden]),
body.is-admin #railAdminToolbar:not([hidden]) {
  margin-top: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 6px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.is-admin .sidebar-admin-toolbar button,
body.is-admin .rail-admin-toolbar button {
  min-height: 38px !important;
  font-size: 0.82rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* PURE GEAR BUTTONS ACROSS ALL BARS AND SECTIONS: NO CIRCLE, NO BORDER, NO BACKGROUND */
body.is-admin .admin-gear-btn:not([hidden]),
body.is-admin .rail-card-gear:not([hidden]),
body.is-admin .sidebar-item-gear:not([hidden]),
body.is-admin .section-gear-btn:not([hidden]),
body.is-admin .topnav-gear-btn:not([hidden]),
.admin-gear-btn,
.rail-card-gear,
.sidebar-item-gear,
.section-gear-btn,
.topnav-gear-btn {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 30 !important;
  width: auto !important;
  min-width: 30px !important;
  height: auto !important;
  min-height: 30px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #cba64b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 2px !important;
  opacity: 0.9 !important;
  visibility: visible !important;
  transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s, opacity 0.2s !important;
}

body.is-admin .admin-gear-btn:not([hidden]):hover,
body.is-admin .rail-card-gear:not([hidden]):hover,
body.is-admin .sidebar-item-gear:not([hidden]):hover,
body.is-admin .section-gear-btn:not([hidden]):hover,
body.is-admin .topnav-gear-btn:not([hidden]):hover,
.admin-gear-btn:hover,
.rail-card-gear:hover,
.sidebar-item-gear:hover,
.section-gear-btn:hover,
.topnav-gear-btn:hover {
  transform: rotate(60deg) scale(1.18) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #e6b83f !important;
  opacity: 1 !important;
}

body.is-admin .admin-gear-btn:not([hidden]):active,
body.is-admin .rail-card-gear:not([hidden]):active,
body.is-admin .sidebar-item-gear:not([hidden]):active,
body.is-admin .section-gear-btn:not([hidden]):active,
body.is-admin .topnav-gear-btn:not([hidden]):active,
.admin-gear-btn:active,
.rail-card-gear:active,
.sidebar-item-gear:active,
.section-gear-btn:active,
.topnav-gear-btn:active {
  transform: rotate(120deg) scale(0.95) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #cba64b !important;
}

body.is-admin .cms-hidden-section-notice:not([hidden]) {
  display: flex !important;
}

/* Dark context adaptation (e.g. sidebar or hero or project cards) - strictly no circles */
body.is-admin .desktop-sidebar .admin-gear-btn,
body.is-admin .desktop-sidebar .sidebar-item-gear,
body.is-admin .hero .section-gear-btn,
body.is-admin .project-card .rail-card-gear {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffd978 !important;
}

/* Ensure parent containers have relative position for absolute gears */
.has-admin-gear {
  position: relative !important;
}
.site-header {
  position: sticky !important;
}
.header-gear-wrapper {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}
.header-gear-wrapper .topnav-gear-btn {
  position: static !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.rail-card-top-row .rail-card-gear {
  position: static !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.rail-lang-tab,
.sidebar-lang-tab,
.top-nav-lang-tab {
  border: 0 !important;
  background: transparent !important;
  padding: 8px 14px !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  color: var(--muted, #696579) !important;
  cursor: pointer !important;
  border-bottom: 3px solid transparent !important;
  transition: all .15s !important;
}
.rail-lang-tab.active,
.sidebar-lang-tab.active,
.top-nav-lang-tab.active {
  color: var(--social-red, #8b231f) !important;
  border-bottom-color: var(--social-red, #8b231f) !important;
}
.social-topbar .top-nav a.active span{color:var(--social-red)!important;font-weight:700}
.social-topbar .top-nav a.active svg{stroke:var(--social-red)!important}
.mobile-bottom-nav a.active span{color:var(--social-red)!important;font-weight:700}
.mobile-bottom-nav a.active svg{stroke:var(--social-red)!important}


/* Responsive & Scrollable Top Navigation Bar */
.social-topbar .top-nav {
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  gap: 6px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  padding: 4px 6px !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(203, 166, 75, 0.4) transparent;
}

.social-topbar .top-nav::-webkit-scrollbar {
  height: 4px;
}

.social-topbar .top-nav::-webkit-scrollbar-track {
  background: transparent;
}

.social-topbar .top-nav::-webkit-scrollbar-thumb {
  background: rgba(203, 166, 75, 0.45);
  border-radius: 999px;
}

.social-topbar .top-nav::-webkit-scrollbar-thumb:hover {
  background: rgba(189, 138, 39, 0.75);
}

.social-topbar .top-nav a {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

@media (max-width: 1160px) and (min-width: 768px) {
  .site-header.social-topbar {
    grid-template-columns: minmax(200px, 280px) minmax(180px, 1fr) auto auto !important;
  }
  .social-topbar .top-nav {
    display: flex !important;
    overflow-x: auto !important;
    max-width: 260px !important;
  }
}

/* YouTube Open Links and Direct Actions */
.youtube-open-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 10px !important;
  padding: 6px 14px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #b38a38 !important;
  background: rgba(179, 138, 56, 0.08) !important;
  border: 1px solid rgba(179, 138, 56, 0.28) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: fit-content !important;
  cursor: pointer !important;
}
.youtube-open-link svg {
  color: #ff0000 !important;
  flex-shrink: 0 !important;
}
.youtube-open-link:hover {
  background: rgba(179, 138, 56, 0.18) !important;
  border-color: #b38a38 !important;
  color: #8c6820 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(179, 138, 56, 0.15) !important;
}
.resource-panel.has-admin-gear {
  position: relative !important;
}
.resource-panel > .section-gear-btn {
  top: 18px !important;
  right: 18px !important;
}
@media (max-width: 600px) {
  .resource-panel > .section-gear-btn {
    top: 12px !important;
    right: 12px !important;
  }
}
/* Manual Refresh Button Styles */
.portal-refresh-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(231, 206, 128, 0.4);
  background: rgba(255, 255, 255, 0.08);
  color: #f6e6b4;
  cursor: pointer;
  transition: all 0.2s ease;
}
.portal-refresh-btn:hover {
  background: rgba(231, 206, 128, 0.22);
  border-color: rgba(231, 206, 128, 0.8);
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.portal-refresh-btn:active {
  transform: translateY(0);
}
.portal-refresh-btn svg {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.portal-refresh-btn.is-refreshing svg,
.sidebar-refresh-btn.is-refreshing span,
.rail-refresh-btn.is-refreshing span {
  display: inline-block;
  animation: portal-spin 0.75s linear infinite;
}
@keyframes portal-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (max-width: 600px) {
  .portal-refresh-btn .refresh-label {
    display: none;
  }
  .portal-refresh-btn {
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
  }
}
.sidebar-refresh-btn, .rail-refresh-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

/* Facebook video and reel open links */
.facebook-open-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 10px !important;
  padding: 6px 14px !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  color: #1877f2 !important;
  background: rgba(24, 119, 242, 0.08) !important;
  border: 1px solid rgba(24, 119, 242, 0.28) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: fit-content !important;
  cursor: pointer !important;
}
.facebook-open-link svg {
  color: #1877f2 !important;
  flex-shrink: 0 !important;
}
.facebook-open-link:hover {
  background: rgba(24, 119, 242, 0.18) !important;
  border-color: #1877f2 !important;
  color: #0d5bbd !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(24, 119, 242, 0.2);
}
.slide-facebook-direct-btn {
  background: rgba(24, 119, 242, 0.92) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.slide-facebook-direct-btn:hover {
  background: #1877f2 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4) !important;
}

/* Sub-card and section relative positioning for admin gear buttons */
.story-feature-card,
.story-mini-card,
.milestone-media-card,
.criteria-media-card,
.process-step-card,
.voices,
.support-project-story,
.support-project-facts,
.support-project-objectives,
.support-project-objectives article,
.support-project-progress,
.support-project-progress li,
footer#siteFooter {
  position: relative !important;
}

.story-mini-card .section-gear-btn,
.story-feature-card .section-gear-btn,
.criteria-media-card .section-gear-btn,
.process-step-card .section-gear-btn,
.milestone-media-card .section-gear-btn,
.support-project-objectives article .section-gear-btn,
.support-project-progress li .section-gear-btn {
  top: 8px !important;
  right: 8px !important;
  font-size: 1.25rem !important;
  z-index: 25 !important;
}


/* ==========================================================================
   ยกเลิกเงาไล่ระดับสีดำ และใช้เงาคมรอบขอบตัวอักษรโดยตรง (ไม่บังวิดีโอ)
   ========================================================================== */

/* 1. ยกเลิกเงาไล่ระดับสีดำและพื้นหลังของกล่องข้อความทั้งหมด */
.media-caption,
.story-feature-copy,
.story-mini-copy,
.criteria-card-copy,
.milestone-card-copy,
.process-step-copy,
.muchalinda-donation-slider .media-caption,
.muchalinda-hero-slider .media-caption,
.process-overview-slider .media-caption {
  background: none !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

/* 2. ยกเลิกแผ่นเงาดำทับบนสไลด์และวิดีโอทั้งหมด */
.story-feature-slider .media-slide:after,
.story-mini-slider .media-slide:after,
.criteria-card-slider .media-slide:after,
.milestone-card-slider .media-slide:after,
.process-step-slider .media-slide:after,
.hero-media-slider .media-slide:after {
  display: none !important;
  background: none !important;
}

/* 3. ปรับระยะขอบด้านบนของกล่องข้อความให้กระชับ ไม่ยื่นขึ้นไปบังวิดีโอ */
.media-caption {
  padding: 8px 75px 12px !important;
  line-height: 1.4 !important;
}
.story-feature-copy {
  padding: 14px 32px 18px !important;
}
.story-mini-copy {
  padding: 10px 24px 14px !important;
}
.criteria-card-copy {
  padding: 10px 24px 14px !important;
}
.milestone-card-copy {
  padding: 10px 24px 14px !important;
}
.process-step-copy {
  padding: 10px 22px 14px !important;
}

@media (max-width: 600px) {
  .media-caption {
    padding: 6px 48px 10px !important;
    font-size: 0.85rem !important;
  }
  .story-feature-copy {
    padding: 10px 18px 14px !important;
  }
  .story-mini-copy,
  .criteria-card-copy,
  .milestone-card-copy,
  .process-step-copy {
    padding: 8px 16px 12px !important;
  }
}

/* 4. ใช้เงาคมรอบขอบตัวอักษรโดยตรง (Text Stroke & Sharp Drop Shadow) */
.media-caption {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow:
    -1.5px -1.5px 0 rgba(0, 0, 0, 0.95),
     1.5px -1.5px 0 rgba(0, 0, 0, 0.95),
    -1.5px  1.5px 0 rgba(0, 0, 0, 0.95),
     1.5px  1.5px 0 rgba(0, 0, 0, 0.95),
     0   2px 5px rgba(0, 0, 0, 0.95),
     0   0   8px rgba(0, 0, 0, 0.8) !important;
}

/* หัวข้อในการ์ดและสไลด์ */
.story-feature-copy h3,
.story-mini-copy h3,
.criteria-card-copy h3,
.timeline .milestone-card-copy strong,
.process-step-copy strong {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow:
    -1.5px -1.5px 0 rgba(0, 0, 0, 0.95),
     1.5px -1.5px 0 rgba(0, 0, 0, 0.95),
    -1.5px  1.5px 0 rgba(0, 0, 0, 0.95),
     1.5px  1.5px 0 rgba(0, 0, 0, 0.95),
     0   2px 5px rgba(0, 0, 0, 0.95),
     0   0   10px rgba(0, 0, 0, 0.8) !important;
}

/* คำอธิบายและเนื้อหาย่อยในการ์ดและสไลด์ */
.story-feature-copy p,
.story-mini-copy p,
.criteria-card-copy p,
.timeline .milestone-card-copy span,
.process-step-copy span {
  color: #ffffff !important;
  font-weight: 500 !important;
  text-shadow:
    -1px -1px 0 rgba(0, 0, 0, 0.95),
     1px -1px 0 rgba(0, 0, 0, 0.95),
    -1px  1px 0 rgba(0, 0, 0, 0.95),
     1px  1px 0 rgba(0, 0, 0, 0.95),
     0   1.5px 4px rgba(0, 0, 0, 0.95),
     0   0   6px rgba(0, 0, 0, 0.75) !important;
}

/* วันที่และหมวดหมู่ในการ์ด */
.timeline .milestone-card-copy time,
.story-feature-copy .feature-kicker,
.story-feature-card .feature-no,
.story-mini-card .feature-no {
  color: #ffea9f !important;
  text-shadow:
    -1px -1px 0 rgba(0, 0, 0, 0.95),
     1px -1px 0 rgba(0, 0, 0, 0.95),
    -1px  1px 0 rgba(0, 0, 0, 0.95),
     1px  1px 0 rgba(0, 0, 0, 0.95),
     0   2px 4px rgba(0, 0, 0, 0.95) !important;
}


/* ==========================================================================
   ปรับแต่งการ์ดโครงการทั้งหมด: ลบกรอบสีแดงและป้ายสถานะ เหลือข้อความและปุ่มเปิดโครงการ
   ========================================================================== */

.project-catalog-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 220px !important;
  overflow: hidden !important;
  border: 1px solid rgba(199, 150, 48, 0.22) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(23, 19, 41, 0.07) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.project-catalog-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(23, 19, 41, 0.12) !important;
  border-color: rgba(199, 150, 48, 0.45) !important;
}

/* ซ่อนกรอบสีแดงด้านบนรวมถึงป้ายสถานะและโลโก้ */
.project-catalog-card .project-card-cover {
  display: none !important;
}

/* ส่วนข้อความชื่อและคำอธิบาย */
.project-catalog-card .project-card-copy {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
  padding: 24px 22px 20px !important;
}

.project-catalog-card .project-card-copy h3 {
  margin: 0 0 10px 0 !important;
  color: #171329 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

.project-catalog-card .project-card-copy p {
  display: -webkit-box !important;
  margin: 0 0 18px 0 !important;
  overflow: hidden !important;
  color: #5e5865 !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
}

/* แถบปุ่มด้านล่าง */
.project-catalog-card .project-card-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px dashed rgba(23, 19, 41, 0.09) !important;
}

/* ปุ่มเปิดโครงการ */
.project-catalog-card .project-card-open {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 40px !important;
  padding: 8px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--social-red, #90261f) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(144, 38, 31, 0.25) !important;
  transition: all 0.2s ease !important;
}

.project-catalog-card .project-card-open:hover {
  background: #681814 !important;
  box-shadow: 0 6px 18px rgba(144, 38, 31, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* ลิงก์เว็บไซต์ภายนอก (ถ้ามี) */
.project-catalog-card .project-card-external {
  display: inline-flex !important;
  align-items: center !important;
  color: #7c2637 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
  transition: background-color 0.2s ease !important;
}

.project-catalog-card .project-card-external:hover {
  background: #fdf2f4 !important;
  text-decoration: underline !important;
}

/* ปรับปรุงการแสดงผลสื่อและวิดีโอในหน้าโครงการบูรณะสระมุจลินท์ ให้เต็มจอ ไม่แหว่ง ไม่ตกขอบ เหมือนหน้าหลัก */
.support-project-hero-media {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 16/9 !important;
  background: #000 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  contain: paint !important;
}

.muchalinda-hero-slider {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.muchalinda-hero-slider .media-stage {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 16/9 !important;
  background: #000 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  overscroll-behavior: none !important;
}

.muchalinda-hero-slider .media-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.muchalinda-hero-slider .media-slide iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

.muchalinda-hero-slider .media-slide video {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
  object-fit: contain !important;
  background: #000 !important;
  box-sizing: border-box !important;
}

.muchalinda-hero-slider .media-slide.image-slide > img.expandable-media {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.muchalinda-hero-slider .media-slide:after {
  display: none !important;
  background: none !important;
}

/* ปรับปุ่มนำทาง Previous และ Next ของสไลเดอร์สระมุจลินท์ ไม่ให้ตกขอบ */
.muchalinda-hero-slider .slider-arrow {
  position: absolute !important;
  z-index: 25 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(17, 13, 30, 0.82) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  cursor: pointer !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.muchalinda-hero-slider .slider-arrow.prev {
  left: 20px !important;
  right: auto !important;
}

.muchalinda-hero-slider .slider-arrow.next {
  right: 20px !important;
  left: auto !important;
}

.muchalinda-hero-slider .slider-arrow:hover {
  background: var(--gold, #cba64b) !important;
  color: var(--ink, #171329) !important;
  border-color: var(--gold, #cba64b) !important;
}

@media (max-width: 768px) {
  .muchalinda-hero-slider .slider-arrow {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.25rem !important;
  }
  .muchalinda-hero-slider .slider-arrow.prev {
    left: 12px !important;
    right: auto !important;
  }
  .muchalinda-hero-slider .slider-arrow.next {
    right: 12px !important;
    left: auto !important;
  }
}

/* ปรับปุ่มอัพเดทในสไลด์โครงการบูรณะสระมุจลินท์ให้กะทัดรัด สวยงาม ไม่ยาวเกินไป */
.muchalinda-hero-slider .section-slider-update,
.muchalinda-donation-media .section-slider-update {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  border: 1px solid rgba(239, 217, 142, 0.6) !important;
  background: rgba(17, 13, 30, 0.88) !important;
  color: var(--gold-light, #efd98e) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  z-index: 8 !important;
  transition: all 0.2s ease !important;
}

.muchalinda-hero-slider .section-slider-update:hover,
.muchalinda-donation-media .section-slider-update:hover {
  background: var(--gold, #cba64b) !important;
  color: var(--ink, #171329) !important;
  border-color: var(--gold, #cba64b) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
  .support-project-hero-media,
  .muchalinda-hero-slider .media-stage {
    min-height: 0 !important;
    aspect-ratio: 16/9 !important;
  }
  .muchalinda-hero-slider .section-slider-update,
  .muchalinda-donation-media .section-slider-update {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    font-size: 0.76rem !important;
  }
}


/* ==========================================================================
   ENHANCED PROJECT CARD GRID & DETAIL VIEW RESPONSIVENESS & ALIGNMENT
   ========================================================================== */

/* Grid container layout */
.project-catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  width: 100%;
}

/* Card container: lock stretch, robust flex column, equal heights */
.project-catalog-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  min-height: 290px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(23, 19, 41, 0.09);
  box-shadow: 0 4px 18px rgba(23, 19, 41, 0.06);
  overflow: hidden;
  position: relative;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.project-catalog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(23, 19, 41, 0.12);
}

/* Card Cover: fixed proportional height, locked aspect ratio */
.project-card-cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  min-height: 120px;
  max-height: 120px;
  padding: 16px;
  background: linear-gradient(135deg, #4d1514, #8b231f 62%, #c69431);
  overflow: hidden;
  flex-shrink: 0;
}

.project-card-cover img {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  max-width: 72px;
  max-height: 72px;
  padding: 5px;
  border-radius: 50%;
  background: #fffffff0;
  object-fit: contain;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
  flex-shrink: 0;
}

/* Status badge inside cover */
.project-card-cover .project-status {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  margin: 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #645019;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  line-height: 1.3;
}

/* Card Copy content */
.project-card-copy {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  padding: 16px 18px;
  min-width: 0;
}

.project-card-copy h3 {
  margin: 0 0 8px 0;
  font-family: "Pridi", "Noto Sans Thai", "Noto Sans Lao", serif;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.45;
  color: var(--ink, #1c1917);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  min-height: 2.9em;
}

.project-card-copy p {
  margin: 0 0 16px 0;
  color: var(--muted, #64748b);
  font-size: 0.83rem;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
  flex-grow: 1;
}

/* Action button row */
.project-card-actions {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(23, 19, 41, 0.05);
  flex-wrap: wrap;
}

.project-card-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 6px 14px;
  border: 0;
  border-radius: 999px;
  background: var(--social-red, #8b231f);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.18s ease, transform 0.18s ease;
}

.project-card-open:hover {
  background: #681814;
  transform: translateY(-1px);
}

.project-card-external {
  color: #896019;
  font-size: 0.76rem;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}

.project-card-external:hover {
  text-decoration: underline;
  color: var(--social-red, #8b231f);
}

/* ==========================================================================
   SELECTED PROJECT DETAIL VIEW (ENHANCED RESPONSIVENESS & MEDIA LOCK)
   ========================================================================== */

.selected-project-detail {
  position: relative;
  margin-top: 20px;
  padding: clamp(16px, 3.5vw, 26px);
  border: 1px solid rgba(189, 138, 39, 0.28);
  border-left: 4px solid var(--social-gold, #bd8a27);
  border-radius: 14px;
  background: #fbf8ef;
  box-shadow: 0 4px 18px rgba(189, 138, 39, 0.08);
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.selected-project-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(23, 19, 41, 0.1);
  border-radius: 50%;
  background: #ffffff;
  color: var(--ink, #1c1917);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.18s ease, transform 0.18s ease;
}

.selected-project-close:hover {
  background: #f1ebd8;
  transform: scale(1.06);
}

.selected-project-detail .project-status {
  display: inline-block;
  margin: 0 44px 6px 0;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(139, 35, 31, 0.08);
  color: var(--social-red, #8b231f);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.selected-project-detail h3 {
  margin: 0 44px 10px 0;
  font-family: "Pridi", "Noto Sans Thai", "Noto Sans Lao", serif;
  font-size: clamp(1.25rem, 2.8vw, 1.65rem);
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink, #1c1917);
  word-break: break-word;
  overflow-wrap: break-word;
}

.selected-project-detail > p:not(.project-status) {
  margin: 0 0 16px 0;
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.7;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Media preview inside selected project detail */
.selected-project-media {
  width: 100%;
  max-width: 100%;
  margin: 12px 0 18px !important;
  border-radius: 12px;
  overflow: hidden;
  background: #000000;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.selected-project-media .rail-card-media-box,
.selected-project-media .sidebar-item-media-box {
  margin-top: 0 !important;
  width: 100% !important;
}

.selected-project-media img,
.selected-project-media video,
.selected-project-media iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 0;
}

/* Project Links navigation pills */
.selected-project-detail nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.selected-project-detail nav a,
.selected-project-detail nav span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 6px 14px;
  border: 1px solid rgba(23, 19, 41, 0.12);
  border-radius: 999px;
  background: #ffffff;
  color: var(--ink, #1c1917);
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.18s ease;
}

.selected-project-detail nav a:hover {
  border-color: var(--social-gold, #bd8a27);
  color: var(--social-red, #8b231f);
  background: #fdfaf3;
  transform: translateY(-1px);
}

/* ==========================================================================
   BREAKPOINTS: TABLET, PHONE & SMALL SCREENS
   ========================================================================== */

/* Tablet & Moderate screen width (under 820px or narrow containers) */
@media (max-width: 768px) {
  .project-catalog-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .project-catalog-card {
    min-height: auto;
  }
  .project-card-copy h3 {
    min-height: 0;
  }
  .selected-project-detail {
    padding: 16px;
  }
  .selected-project-detail h3 {
    margin-right: 36px;
    font-size: 1.25rem;
  }
  .selected-project-close {
    width: 32px;
    height: 32px;
    top: 10px;
    right: 10px;
    font-size: 1.2rem;
  }
}

/* Very small screens / mobile phones (under 420px) */
@media (max-width: 420px) {
  .project-card-cover {
    height: 104px;
    min-height: 104px;
    max-height: 104px;
    padding: 12px;
  }
  .project-card-cover img {
    width: 60px;
    height: 60px;
  }
  .project-card-copy {
    padding: 14px;
  }
  .project-card-copy h3 {
    font-size: 0.98rem;
  }
  .project-card-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .project-card-open {
    width: 100%;
  }
  .project-card-external {
    justify-content: center;
    max-width: 100%;
  }
  .selected-project-detail nav a,
  .selected-project-detail nav span {
    font-size: 0.74rem;
    padding: 5px 11px;
    min-height: 34px;
  }
}


/* ==========================================================================
   SUPPORT PROJECT IN-APP CENTER FEED & 3-COLUMN INTEGRATION
   ========================================================================== */

/* Maintain full 3-column desktop layout when project is opened */
@media (min-width: 1161px) {
  body.support-project-open .social-layout {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) 300px !important;
    gap: 16px !important;
    width: min(1560px, 100%) !important;
    max-width: 1560px !important;
    margin: 0 auto !important;
    padding: 16px 16px 24px !important;
  }
  body.support-project-open .desktop-sidebar {
    display: block !important;
  }
  body.support-project-open .right-rail {
    display: block !important;
  }
}

/* Medium screens (1024px to 1160px): Keep sidebar and center column */
@media (min-width: 1024px) and (max-width: 1160px) {
  body.support-project-open .social-layout {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px 14px 24px !important;
  }
  body.support-project-open .desktop-sidebar {
    display: block !important;
  }
}

/* Muchalinda project card styling inside center feed */
.support-project-detail {
  margin: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(18, 67, 54, 0.16) !important;
  box-shadow: 0 6px 24px rgba(7, 59, 49, 0.08) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

/* Navigation tabs inside support project */
.support-project-tabs {
  position: sticky;
  top: 70px;
  z-index: 15;
  background: #ffffff;
  border-bottom: 1px solid rgba(23, 19, 41, 0.08);
  padding: 8px 16px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  white-space: nowrap;
}

.support-project-tabs a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(23, 19, 41, 0.1);
  background: #f8fafc;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}

.support-project-tabs a:hover,
.support-project-tabs a.active {
  background: #073b31;
  color: #f1d889;
  border-color: #073b31;
}

/* Breadcrumb bar at the top of support project */
.support-project-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  background: #f1f7f5;
  border-bottom: 1px solid rgba(7, 59, 49, 0.1);
  font-size: 0.82rem;
  font-weight: 500;
}

.support-project-breadcrumb a {
  color: #073b31;
  font-weight: 600;
  text-decoration: none;
}

.support-project-breadcrumb a:hover {
  text-decoration: underline;
}

/* Return button in top nav when viewing project */
.top-nav a[href="#top"]:has(span) {
  font-weight: 600;
}


/* === Muchalinda Cards: Vertical Layout with Text Outside Image === */
.muchalinda-cards-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 0 !important;
  width: 100% !important;
}

.muchalinda-cards-grid .milestone-media-card {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  min-height: auto !important;
  height: auto !important;
  border-radius: 14px !important;
  border: 1px solid rgba(203, 166, 75, 0.28) !important;
  background: #ffffff !important;
  box-shadow: 0 6px 22px rgba(23, 19, 41, 0.08) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* ฝั่งสื่อรูปภาพ / สไลเดอร์ */
.muchalinda-cards-grid .milestone-card-media {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 42% !important;
  width: 42% !important;
  min-height: 280px !important;
  background: #100d1d !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.muchalinda-cards-grid .milestone-card-slider {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.muchalinda-cards-grid .milestone-card-slider .media-stage {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  aspect-ratio: auto !important;
}

.muchalinda-cards-grid .milestone-card-slider .media-slide:after {
  display: none !important;
}

/* ตัวเลขกำกับลำดับการ์ด */
.muchalinda-cards-grid .milestone-number {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #cba64b !important;
  color: #171329 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
  border: 2px solid #ffffff !important;
}

/* ฝั่งข้อความ: แยกออกมาด้านข้าง ไม่ทับบนรูป และขยายตามเนื้อหาจริง */
.muchalinda-cards-grid .milestone-card-copy {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 1 1 58% !important;
  width: 58% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 28px 32px !important;
  background: #ffffff !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

.muchalinda-cards-grid .milestone-card-copy time {
  display: inline-block !important;
  margin-bottom: 8px !important;
  color: #9a7322 !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.muchalinda-cards-grid .milestone-card-copy strong {
  display: block !important;
  margin-bottom: 12px !important;
  color: #171329 !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-shadow: none !important;
}

.muchalinda-cards-grid .milestone-card-copy span {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  color: #4a4556 !important;
  font-size: 1.02rem !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  text-shadow: none !important;
}

/* ปุ่มฟันเฟืองแก้ไขเนื้อหา */
.muchalinda-cards-grid .section-gear-btn {
  top: 14px !important;
  right: 14px !important;
  z-index: 15 !important;
}

/* ปุ่มอัพเดทสื่อ */
.muchalinda-cards-grid .media-update-button {
  top: 14px !important;
  left: 60px !important;
  right: auto !important;
  z-index: 15 !important;
}

/* รองรับหน้าจอมือถือ (Responsive Mobile) */
@media (max-width: 768px) {
  .muchalinda-cards-grid .milestone-media-card {
    flex-direction: column !important;
  }
  
  .muchalinda-cards-grid .milestone-card-media {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 220px !important;
    max-height: 320px !important;
  }
  
  .muchalinda-cards-grid .milestone-card-slider .media-stage {
    min-height: 220px !important;
    aspect-ratio: 16 / 10 !important;
  }
  
  .muchalinda-cards-grid .milestone-card-copy {
    flex: 1 1 auto !important;
    width: 100% !important;
    padding: 20px 22px 24px !important;
  }
  
  .muchalinda-cards-grid .milestone-card-copy strong {
    font-size: 1.2rem !important;
  }
  
  .muchalinda-cards-grid .milestone-card-copy span {
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
  }
}

.muchalinda-cards-grid .media-slide.image-slide > img.expandable-media {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.muchalinda-cards-grid .media-slide.image-slide > img.media-image-backdrop {
  display: none !important;
}


/* ==========================================================================
   Full Width Fix for Muchalinda Support Project in Center Feed Column
   ========================================================================== */
body.support-project-open .feed-column {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.support-project-open .feed-column > #projects,
body.support-project-open .projects-hub,
body.support-project-open section.projects-hub.section {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  grid-column: 1 / -1 !important;
  box-sizing: border-box !important;
}

body.support-project-open #muchalinda-project,
body.support-project-open .support-project-detail {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(18, 67, 54, 0.16) !important;
  background: #ffffff !important;
  box-shadow: 0 6px 24px rgba(7, 59, 49, 0.08) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-breadcrumb {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-hero-media {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-hero-copy {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-hero h2,
body.support-project-open .support-project-lead {
  max-width: 100% !important;
}

body.support-project-open .support-project-tabs {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-content,
body.support-project-open .muchalinda-showcase-section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.support-project-open .muchalinda-overview-media {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  box-sizing: border-box !important;
}

body.support-project-open .muchalinda-cards-grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-objectives,
body.support-project-open .support-project-progress,
body.support-project-open .support-project-donation,
body.support-project-open .support-project-album {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.support-project-open .support-project-footer-actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   Google Translate Seamless Integration Styles
   ========================================================================== */
body {
  top: 0px !important;
  position: static !important;
}
.goog-te-banner-frame,
iframe.goog-te-banner-frame {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important;
}
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.goog-text-highlight {
  background: transparent !important;
  box-shadow: none !important;
}
#google_translate_element {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}