/* 8-grid reference design */
.side{grid-template-rows:72% 28%!important}
.quick8{height:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:7px!important;min-height:0}
.q8{position:relative!important;isolation:isolate;overflow:hidden!important;min-width:0;min-height:0;border:1px solid #d9b356!important;border-radius:15px!important;background:linear-gradient(180deg,#fffefa 0%,#fff9ef 72%,#fff6e8 100%)!important;color:#5b0711!important;padding:7px 5px 26px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;text-align:center!important;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(219,180,84,.30),0 5px 14px rgba(91,52,8,.10)!important;transition:transform .15s ease,box-shadow .15s ease}
.q8:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(219,180,84,.34),0 8px 18px rgba(91,52,8,.13)!important}
.q8:active{transform:scale(.985)!important}
.q8::after{content:"";position:absolute;z-index:-2;left:-4%;right:-4%;bottom:-1px;height:24%;background:linear-gradient(150deg,#7c0716 0%,#4e020b 54%,#950c1a 100%);clip-path:polygon(0 40%,18% 70%,38% 59%,56% 31%,72% 21%,88% 34%,100% 51%,100% 100%,0 100%)}
.q8::before{content:"";position:absolute;z-index:-1;left:-5%;right:-5%;bottom:13%;height:11%;background:linear-gradient(90deg,#b87c12,#f8dc7e 43%,#c08b24 72%,#f6d476);clip-path:polygon(0 66%,18% 81%,42% 50%,58% 20%,78% 6%,100% 42%,100% 67%,80% 31%,59% 43%,42% 71%,18% 94%,0 84%)}
.q8 .qico{width:58%;max-width:70px;aspect-ratio:1;border:1px solid #d9b354;border-radius:50%;display:grid;place-items:center;color:#aa7317;background:radial-gradient(circle,#fffdf8,#fff9ee);margin-top:2px;box-shadow:0 2px 8px rgba(137,90,15,.06)}
.q8 .qico svg{width:62%;height:62%;filter:drop-shadow(0 1px 1px rgba(93,51,0,.18))}
.q8 .qlabel{width:100%;position:relative;z-index:2;margin-top:auto;margin-bottom:auto}
.q8 .qlabel::before{content:"— ✦ —";display:block;color:#d2a23b;font-size:5px;line-height:1;margin-bottom:5px;font-weight:400;letter-spacing:.06em}
.q8 b{display:block!important;color:#5c0711!important;font:800 clamp(6px,.78vw,11px)/1.06 Arial,sans-serif!important;letter-spacing:-.02em;text-align:center!important;white-space:normal!important}
.q8 small{display:block!important;color:#5c0711!important;font:800 clamp(5.5px,.68vw,10px)/1.03 Arial,sans-serif!important;margin-top:1px!important}
.q8main,.q8faq{background:linear-gradient(180deg,#fffefa 0%,#fff9ef 72%,#fff6e8 100%)!important;border-color:#d9b356!important;color:#5b0711!important}
.q8main .qico,.q8faq .qico{background:radial-gradient(circle,#fffdf8,#fff9ee)!important;color:#aa7317!important;border-color:#d9b354!important}
/* bottom tabs reference design */
.bottom{height:72px!important;flex:0 0 72px!important;margin:0 12px 9px!important;padding:6px 9px 7px!important;border:1px solid #e1c16d!important;border-radius:24px!important;background:rgba(255,254,250,.98)!important;box-shadow:0 10px 24px rgba(92,55,16,.10)!important;overflow:visible!important;align-items:stretch!important}
.tab{position:relative!important;border:0!important;background:transparent!important;color:#4c403a!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:2px!important;font:500 clamp(7px,.75vw,10px)/1 Arial,sans-serif!important;min-width:0}
.tab b{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;font-size:0!important;color:#ae7c25!important;margin:0!important}
.tab b svg{width:100%!important;height:100%!important;stroke:currentColor!important}
.tab.on{color:#650713!important;font-weight:800!important}.tab.on b{color:#650713!important}
.tab.on::after{content:"";position:absolute;bottom:-3px;width:30px;height:3px;border-radius:4px;background:#c99c34;box-shadow:0 1px 2px rgba(112,76,12,.14)}
/* Lingap + FAQ pages */
.infoScroll{height:100%;overflow:auto;border-radius:14px;padding:14px;background:linear-gradient(145deg,#fffaf2,#f7ead3);background-size:cover;background-position:center}.lingapPage{background-color:#4a0710;color:#fff}.infoTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.infoK{font-size:7px;letter-spacing:.16em;font-weight:900;color:#c99a32}.infoTop h2{font:700 28px Georgia;margin:4px 0;color:#6b0f1a}.lingapPage .infoTop h2{color:#f1d36f}.infoTag{font:700 10px Arial;margin:0 0 10px;color:#9b6513}.lingapPage .infoTag{color:#f4e0aa}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.infoMedia,.infoCard{border:1px solid #e6cfaa;border-radius:12px;background:#fffdf9;padding:9px;color:#3a2420;min-height:120px}.lingapPage .infoMedia,.lingapPage .infoCard{background:#fffaf5f2}.infoMedia img{width:100%;height:180px;object-fit:cover;border-radius:9px}.infoPlaceholder{height:180px;border-radius:9px;background:linear-gradient(135deg,#6c0c17,#3c0308);color:#efd16c;display:grid;place-items:center;text-align:center;font-size:42px}.infoPlaceholder small{display:block;font-size:7px;padding:0 18px;color:#f5e7c6}.infoCard h3{font:700 15px Georgia;color:#611019;margin:0 0 6px}.infoCard p{font-size:8px;line-height:1.5;white-space:pre-line}.infoBtn,.fileBtn{display:inline-block;text-decoration:none;border-radius:8px;background:#650b16;color:#fff;padding:8px 10px;font-size:7px;font-weight:900}.faqIntro{display:grid;grid-template-columns:74px 1fr;gap:10px;align-items:center;border:1px solid #e4cfaa;background:#fffdf9;border-radius:12px;padding:9px;margin:8px 0}.faqIntro img{width:74px;height:74px;border-radius:10px;object-fit:cover}.faqIntro p{font-size:8px;line-height:1.5}.faqBadge{width:74px;height:74px;border-radius:10px;background:linear-gradient(145deg,#65101a,#3b0308);color:#f1d36f;display:grid;place-items:center;font:700 34px Georgia}.faqList{display:grid;gap:6px}.faqItem{border:1px solid #e1c99d;border-radius:10px;background:#fffdf9;overflow:hidden}.faqItem summary{padding:9px 10px;color:#5b1118;font:700 10px Georgia;cursor:pointer}.faqItem p{padding:0 10px 10px;margin:0;font-size:8px;line-height:1.5;color:#4c3b35;white-space:pre-line}.emptyFaq{border:1px dashed #d7bd8b;border-radius:10px;padding:14px;text-align:center;font-size:8px;color:#806e65}.faqFile{margin-top:9px}.fileMedia{border:1px dashed #d1b77e;border-radius:9px;padding:7px;background:#fffaf2}.fileMedia .currentFile{font-size:7px;margin:5px 0;word-break:break-all}.fileMedia a{color:#7a5414}.faqAnswer{min-height:90px}
/* Award viewer */
.thumb.awardClickable{cursor:zoom-in;position:relative}.thumb.awardClickable::after{content:"VIEW";position:absolute;right:5px;bottom:5px;background:#5c0711dd;color:#fff6d6;border:1px solid #d8b04e;border-radius:999px;padding:3px 6px;font-size:5px;font-weight:900;letter-spacing:.08em}.awardViewer{position:fixed;inset:0;z-index:9999;background:rgba(25,3,7,.88);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:18px}.awardViewer.on{display:flex}.awardViewerBox{position:relative;width:min(900px,96vw);height:min(88vh,820px);background:#fffaf2;border:1px solid #d6a52c;border-radius:18px;padding:12px;box-shadow:0 25px 80px rgba(0,0,0,.42);display:flex;flex-direction:column;gap:8px}.awardViewerTitle{font:700 16px Georgia;color:#5b1118;padding:2px 38px 2px 4px}.awardViewerImg{flex:1;min-height:0;width:100%;object-fit:contain;border-radius:12px;background:#f3eadc}.awardViewerClose{position:absolute;right:10px;top:9px;width:30px;height:30px;border-radius:50%;border:1px solid #d5b25d;background:#fff;color:#5b0711;font-size:17px;font-weight:900}.person[href]{cursor:pointer}.person:not(a){cursor:default}
@media(max-width:720px){.home{grid-template-rows:51% 49%!important}.side{grid-template-rows:72% 28%!important}.quick8{gap:4px!important}.q8{border-radius:10px!important;padding:4px 2px 18px!important}.q8 .qico{width:56%;max-width:43px}.q8 .qlabel::before{font-size:3.6px;margin-bottom:3px}.q8 b{font-size:5.4px!important}.q8 small{font-size:4.8px!important}.q8::after{height:23%}.q8::before{bottom:12%;height:9%}.bottom{height:64px!important;flex-basis:64px!important;margin:0 7px 6px!important;border-radius:19px!important;padding:4px 5px 6px!important}.tab{font-size:6.4px!important}.tab b{width:23px!important;height:23px!important}.tab.on::after{width:25px;height:2.5px;bottom:-2px}.infoScroll{padding:10px}.infoTop h2{font-size:22px}.infoGrid{grid-template-columns:1fr}.infoMedia img,.infoPlaceholder{height:130px}.infoCard{min-height:auto}.faqIntro{grid-template-columns:58px 1fr}.faqIntro img,.faqBadge{width:58px;height:58px}.awardViewer{padding:8px}.awardViewerBox{height:88vh;border-radius:13px;padding:8px}.awardViewerTitle{font-size:13px}}