/*
Theme Name: MSM Wiki Discover
Theme URI: https://palangparkir.msmparking.com/
Author: MSM Parking
Description: Premium knowledge-base WordPress theme for parking technology, SEO, entity-first content, and AI-readable publishing.
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: msm-wiki-discover
*/
:root{--navy:#263548;--navy2:#1e2a39;--blue:#2e93ff;--text:#24313d;--muted:#667687;--line:#e4eaf0;--bg:#f7fafc;--card:#fff;--orange:#ff7f44;--radius:10px;--shadow:0 8px 24px rgba(28,49,74,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.65}a{color:#1676d2;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1450px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#fff}.topbar-inner{min-height:72px;display:flex;align-items:center;gap:18px}.brand{font-weight:800;font-size:20px;white-space:nowrap;color:#fff;letter-spacing:-.02em}.brand small{display:block;font-weight:500;font-size:10px;opacity:.75;letter-spacing:.08em}.search-main{flex:1;display:flex}.search-main input{width:100%;height:44px;border:0;border-radius:4px 0 0 4px;padding:0 16px;font-size:15px}.search-main button{height:44px;border:0;border-radius:0 4px 4px 0;background:#fff;padding:0 16px;color:#678;cursor:pointer}.top-actions{display:flex;gap:10px;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff!important;padding:11px 16px;border-radius:4px;font-size:13px;font-weight:700}.nav2{border-bottom:1px solid var(--line);background:#fff}.nav2 .wrap{display:flex;gap:34px;align-items:center;height:44px;overflow:auto}.nav2 a{color:#26333f;font-size:13px;white-space:nowrap}.hero{padding:56px 0 44px;background:linear-gradient(105deg,#e7f5ff 0%,#f2fbff 46%,#e8fff1 100%);text-align:center}.hero h1{font-size:34px;margin:0 0 8px;line-height:1.2;letter-spacing:-.025em}.hero p{margin:0;color:#344454;font-size:16px}.chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}.chip{background:#fff;color:#2a3947;border:1px solid #dfe8ee;border-radius:5px;padding:7px 12px;font-size:13px;box-shadow:0 3px 10px rgba(40,70,90,.05)}.section{padding:48px 0}.section.alt{background:linear-gradient(#fff,#f9fbfd)}.section-head{text-align:center;margin-bottom:28px}.section-head h2{font-size:22px;margin:0 0 8px}.section-head p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.card{background:#fff;border:1px solid #dde6ee;border-radius:5px;overflow:hidden;box-shadow:0 5px 18px rgba(24,47,69,.08);display:flex;flex-direction:column;min-height:100%}.thumb{aspect-ratio:1.55/1;background:linear-gradient(135deg,#223954,#2777be);overflow:hidden;position:relative}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:10px;right:10px;background:#7d3cff;color:#fff;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.card-body{padding:14px 16px 16px}.eyebrow{font-size:11px;color:#708294;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.card h3{font-size:15px;line-height:1.35;margin:6px 0 10px}.card p{font-size:13px;color:#667687;margin:0 0 12px}.card-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf1f4;padding-top:10px;font-size:11px;color:#7a8b98}.button-row{display:flex;gap:10px;margin-top:14px}.btn{flex:1;text-align:center;padding:9px 10px;border-radius:4px;background:#8196a6;color:white!important;font-size:12px;font-weight:700}.btn.primary{background:#2e93ff}.article-wrap{width:min(1240px,calc(100% - 40px));margin:38px auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.content article{max-width:850px}.content h1{font-size:40px;line-height:1.15;letter-spacing:-.03em}.content h2{margin-top:38px;font-size:27px}.content h3{margin-top:28px;font-size:21px}.content p,.content li{font-size:17px}.article-meta{font-size:13px;color:#708090;margin:10px 0 24px}.ai-summary{border:1px solid #cfe5ff;background:#f5faff;padding:18px 20px;border-radius:8px;margin:24px 0}.ai-summary strong{display:block;margin-bottom:6px}.sidebar{position:relative}.sticky{position:sticky;top:20px}.panel{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.panel h3{font-size:15px;margin:0 0 12px}.toc a{display:block;font-size:13px;padding:5px 0;color:#40576b}.fact-list{margin:0;padding:0;list-style:none}.fact-list li{font-size:13px;padding:7px 0;border-bottom:1px solid #edf1f3}.fact-list li:last-child{border:0}.footer{background:#1f2c3b;color:#cbd5df;margin-top:60px}.footer .wrap{padding:34px 0}.footer a{color:#fff}.mobile-toggle{display:none}.breadcrumbs{font-size:12px;color:#7d8b98;margin-bottom:20px}.archive-title{padding:40px 0 18px}.term-cloud{display:flex;gap:8px;flex-wrap:wrap}.term-cloud a{font-size:12px;border:1px solid var(--line);padding:6px 9px;border-radius:16px;color:#506070;background:#fff}
@media(max-width:1150px){.cards{grid-template-columns:repeat(3,1fr)}.top-actions .cta{display:none}}@media(max-width:850px){.wrap{width:min(100% - 24px,1450px)}.cards{grid-template-columns:repeat(2,1fr);gap:16px}.article-wrap{grid-template-columns:1fr;width:min(100% - 24px,1240px)}.sidebar{order:-1}.sticky{position:static}.topbar-inner{flex-wrap:wrap;padding:12px 0}.brand{width:100%}.search-main{order:3;width:100%;flex-basis:100%}.nav2 .wrap{gap:18px}.hero{padding:38px 0}.hero h1{font-size:28px}.content h1{font-size:32px}.content p,.content li{font-size:16px}}@media(max-width:540px){.cards{grid-template-columns:1fr}.hero h1{font-size:25px}.chips{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.chip{white-space:nowrap}.article-wrap{margin-top:24px}.content h1{font-size:29px}}

/* V2 mobile app shell + PWA */
.msm-pwa-install{position:fixed;right:18px;bottom:18px;z-index:9998;border:0;border-radius:999px;background:#263548;color:#fff;padding:12px 16px;font-weight:800;box-shadow:0 10px 28px rgba(19,36,56,.28);cursor:pointer}.msm-pwa-install span{font-size:18px;margin-right:5px}.msm-pwa-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;background:#182431;color:#fff;padding:11px 14px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:13px}.msm-pwa-toast button{border:0;background:#2e93ff;color:#fff;border-radius:8px;padding:6px 9px;margin-left:8px;font-weight:700}
@media(max-width:850px){body{background:#f7fafc}.topbar{position:sticky;top:0;z-index:1000;box-shadow:0 4px 18px rgba(20,38,58,.12)}.topbar-inner{min-height:58px}.brand small{display:none}.search-main input,.search-main button{height:42px}.nav2{position:sticky;top:119px;z-index:990}.hero{text-align:left;border-radius:0 0 24px 24px}.hero p{font-size:14px}.section{padding:30px 0}.section-head{text-align:left;margin-bottom:18px}.section-head h2{font-size:20px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:132px minmax(0,1fr);border-radius:14px;min-height:132px}.thumb{aspect-ratio:auto;height:100%;min-height:132px}.card-body{padding:12px}.card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:7px}.button-row{display:none}.card-meta{padding-top:7px}.article-wrap{background:#fff;border-radius:18px;padding:18px 16px;margin-top:16px;box-shadow:0 4px 18px rgba(28,49,74,.05)}.panel{box-shadow:none}.msm-pwa-install{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:11px 14px}.footer{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
@media(max-width:540px){.wrap{width:min(100% - 20px,1450px)}.hero{padding:26px 0 24px}.hero h1{font-size:24px}.cards{gap:12px}.card{grid-template-columns:112px minmax(0,1fr);min-height:120px}.thumb{min-height:120px}.card h3{font-size:14px;margin:4px 0 6px}.eyebrow{font-size:10px}.card-meta{font-size:10px}.content h1{font-size:27px}.content h2{font-size:23px}.ai-summary{border-radius:14px}}