:root{--guide-ink:#204969;--guide-line:#dce8ef;--guide-blue:#076dce}*{box-sizing:border-box}html{scroll-behavior:smooth}body.guide-page{margin:0;background:#f0f7fb;color:var(--guide-ink);font:15px/1.9 'Noto Sans Thai',Tahoma,system-ui,sans-serif}.guide-tools{max-width:1400px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}.guide-tools a{color:#557b99}.guide-tools button{font:inherit;border:1px solid #bed5e8;border-radius:10px;padding:10px 18px;background:#fff;color:#205780;cursor:pointer;min-height:44px}.guide-shell{max-width:1400px;margin:0 auto 48px;padding:0 28px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}.guide-sidebar{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--guide-line);border-radius:16px;background:#fafdff;padding:18px 16px}.guide-sidebar summary{font-weight:700;cursor:pointer;font-size:15px}.guide-sidebar ol{list-style:none;padding:0;margin:16px 0}.guide-sidebar li{margin:3px 0}.guide-sidebar a{display:block;color:#426580;text-decoration:none;font-size:13px;line-height:1.7;padding:7px 9px;border-radius:7px}.guide-sidebar a:hover,.guide-sidebar a[aria-current]{background:#e2effc;color:#075bac}.guide-search{margin-top:18px}.guide-search label{display:block;font-size:12px;margin-bottom:7px;font-weight:600}.guide-search input{display:block;width:100%;font:inherit;font-size:12px;padding:10px;border:1px solid #bfd4e5;background:white;color:#204969;border-radius:8px;min-height:44px}.guide-search p{font-size:11px;color:#69849b;margin:7px 0}.guide-back-top{border-top:1px solid var(--guide-line);border-radius:0!important}.guide-document{background:white;border:1px solid var(--guide-line);border-radius:18px;padding:40px 42px;min-width:0;overflow-wrap:anywhere}.guide-document h1{font-size:32px;line-height:1.5;margin:0 0 16px;letter-spacing:-.4px}.guide-document h2{font-size:23px;line-height:1.7;margin:44px 0 18px;padding-top:20px;border-top:2px solid #e3eef7;scroll-margin-top:18px}.guide-document h3{font-size:18px;line-height:1.7;margin:26px 0 12px}.guide-document p{margin:14px 0}.guide-document li{margin:8px 0}.guide-document a{color:var(--guide-blue);text-underline-offset:3px}.guide-document code{font: .93em Consolas,monospace;background:#edf4fa;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}.guide-table{max-width:100%;overflow-x:auto;margin:20px 0}.guide-document table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8}.guide-document th,.guide-document td{border:1px solid var(--guide-line);padding:10px 12px;text-align:left;vertical-align:top}.guide-document th{background:#eaf4fc;color:#24597f}.guide-document tbody tr:nth-child(even){background:#f8fbfe}.guide-document input[type=checkbox]{accent-color:var(--guide-blue)}.guide-document .contents ol{padding:0;list-style:none;columns:2;column-gap:24px}.guide-document .contents li{break-inside:avoid}.guide-document .contents a{font-size:13px;text-decoration:none;display:flex;gap:9px}.guide-document .contents span{font-weight:700;color:#8da5b8;min-width:23px}.guide-document hr{border:0;border-top:1px solid var(--guide-line);margin:30px 0}.guide-document .footer-note{font-size:12px;color:#7490a4;border-top:1px solid var(--guide-line);padding-top:20px}.guide-document figure{margin:0;border:1px solid var(--guide-line);border-radius:12px;overflow:hidden;background:#f5fafd;break-inside:avoid}.guide-document figure img{width:100%;height:auto;display:block}.guide-document figcaption{font-size:13px;text-align:center;padding:8px 10px;font-weight:600}.guide-document .terrain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-document .building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-document .building-card img{height:150px;object-fit:contain;padding:10px}.guide-page :focus-visible{outline:3px solid #e3b34a;outline-offset:3px}.guide-page [hidden]{display:none!important}@media(max-width:1100px){.guide-shell{grid-template-columns:230px minmax(0,1fr);gap:18px}.guide-document{padding:30px 24px}.guide-document .contents ol{columns:1}}@media(max-width:800px){.guide-shell{display:block;padding:0 16px}.guide-tools{padding:18px 16px}.guide-sidebar{position:static;max-height:none;margin-bottom:20px;padding:16px}.guide-sidebar nav{max-height:280px;overflow:auto}.guide-sidebar ol{margin-bottom:0}.guide-document{padding:26px 18px}.guide-document h1{font-size:27px}.guide-document h2{font-size:21px}.guide-document table{min-width:490px}.guide-document .terrain-grid{grid-template-columns:1fr}.guide-document .building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@page{size:A4;margin:16mm 14mm}@media print{html{scroll-behavior:auto}.site-header,.site-footer,.site-skip,.guide-tools,.guide-sidebar{display:none!important}body.guide-page{background:white;color:#111;font:10pt/1.75 Tahoma,'Leelawadee UI',sans-serif}.guide-shell{display:block;padding:0;margin:0;max-width:none}.guide-document{padding:0;border:0;border-radius:0}.guide-document h1{font-size:25pt}.guide-document h2{font-size:16pt;break-after:avoid}.guide-document h3{font-size:12pt;break-after:avoid}.guide-document table{min-width:0;font-size:8pt}.guide-document th,.guide-document td{padding:5pt}.guide-table{overflow:visible}.guide-document thead{display:table-header-group}.guide-document tr{break-inside:avoid}.guide-document .contents ol{columns:2}.guide-document .contents a{font-size:9pt}.guide-document .terrain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-document .building-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-document .building-card img{height:90pt}.guide-document .art-gallery{break-before:page}.guide-document a{color:#111;text-decoration:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}