:root{--siam-navy: #003366;--siam-ocean: #00aaff;--siam-ocean-ink: #0071ae;--siam-sky: #4fc3f7;--siam-mist: #e8f1f8;--siam-ink: #2d2d2d;--siam-muted: #5a6b7d;--siam-border: #d5e1ec;--siam-line: #e4e9ef;--siam-soft: #f6f8fb;--siam-red: #b42318;--siam-red-bg: #fdecea;--siam-amber: #8a5a00;--siam-amber-bg: #fff4dc;--siam-green: #1f7a3d;--siam-green-bg: #e6f4ea;--siam-violet: #5b3fa8;--siam-violet-bg: #efeafb;--siam-gradient: linear-gradient(120deg, #003366 0%, #0071ae 100%);--shadow-1: 0 6px 20px rgba(3, 30, 60, .06);--shadow-2: 0 10px 30px rgba(3, 30, 60, .08)}:root{--siam-primary: var(--siam-navy);--siam-secondary: var(--siam-ocean-ink);--siam-accent: #bfa054;--siam-surface: #ffffff;--siam-surface-muted: var(--siam-soft);--siam-text: var(--siam-ink);--siam-text-muted: var(--siam-muted);--siam-border-color: var(--siam-border);--siam-success: var(--siam-green);--siam-success-bg: var(--siam-green-bg);--siam-warning: var(--siam-amber);--siam-warning-bg: var(--siam-amber-bg);--siam-danger: var(--siam-red);--siam-danger-bg: var(--siam-red-bg);--siam-info: var(--siam-ocean-ink);--siam-info-bg: var(--siam-mist);--siam-radius: 12px;--siam-radius-sm: 8px;--siam-space-1: .25rem;--siam-space-2: .5rem;--siam-space-3: 1rem;--siam-space-4: 1.5rem;--siam-space-5: 2rem;--siam-font: "Montserrat", "Segoe UI", Arial, sans-serif;--siam-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url("./media/montserrat-latin-wght-VA4M73IZ.woff2") format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--siam-font);color:var(--siam-text);background:var(--siam-surface-muted);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--siam-secondary)}h1,h2,h3{color:var(--siam-primary);line-height:1.2;margin:0 0 .5rem}h1{font-size:1.45rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}.muted{color:var(--siam-text-muted)}.small{font-size:.875rem}.mono{font-family:var(--siam-font-mono);letter-spacing:.02em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid var(--siam-ocean);outline-offset:2px;border-radius:6px}.page{max-width:760px;margin:0 auto;padding:1rem 1rem 6.5rem}.page-head{margin:.25rem 0 1rem}.page-head .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--siam-text-muted);font-weight:600}.back{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;text-decoration:none;margin-bottom:.5rem;min-height:40px}.stack>*+*{margin-top:.75rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grid-2{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:640px){.grid-2{grid-template-columns:1fr 1fr}}.card{background:var(--siam-surface);border:1px solid var(--siam-line);border-radius:var(--siam-radius);box-shadow:var(--shadow-1);padding:1rem}.card.flat{box-shadow:none}.card h2{margin-bottom:.25rem}a.card,button.card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit;cursor:pointer;font:inherit}a.card:hover,button.card:hover{border-color:var(--siam-ocean)}.tile,a.card.tile,button.card.tile{display:flex;gap:.9rem;align-items:center;min-height:72px}.tile .ico{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--siam-info-bg);color:var(--siam-primary);font-size:1.35rem}.tile .txt{flex:1;min-width:0}.tile .txt strong{display:block;color:var(--siam-primary)}.tile .txt span{display:block;color:var(--siam-text-muted);font-size:.9rem}.tile .chev{color:var(--siam-text-muted);font-size:1.3rem}.hero{background:var(--siam-gradient);color:#fff;border:0}.hero h1,.hero h2{color:#fff}.hero .muted{color:#d9e8f5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.25rem;border-radius:10px;border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;background:var(--siam-primary);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{display:flex;width:100%}.btn.secondary{background:var(--siam-surface);color:var(--siam-primary);border-color:var(--siam-border-color)}.btn.gold{background:var(--siam-accent);color:#1d1d1d}.btn.danger{background:var(--siam-surface);color:var(--siam-danger);border-color:#f1c4bf}.btn.link{background:none;color:var(--siam-secondary);padding:0 .25rem;min-height:40px}.actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}@media(min-width:640px){.actions{flex-direction:row-reverse;justify-content:flex-start}}.field{display:block;margin-bottom:1rem}.field>span{display:block;font-weight:600;margin-bottom:.35rem}.field>small{display:block;color:var(--siam-text-muted);margin-top:.3rem}.input,select.input,textarea.input{width:100%;min-height:48px;padding:.65rem .85rem;font:inherit;color:inherit;border:1px solid var(--siam-border-color);border-radius:10px;background:#fff}textarea.input{min-height:96px;resize:vertical}.input.code{font-family:var(--siam-font-mono);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase}.choice{display:flex;gap:.75rem;align-items:center;min-height:56px;padding:.75rem 1rem;border:1px solid var(--siam-border-color);border-radius:12px;background:#fff;cursor:pointer}.choice input{width:20px;height:20px}.choice.on{border-color:var(--siam-primary);box-shadow:0 0 0 2px var(--siam-info-bg)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--siam-info-bg);color:var(--siam-info);white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge.success{background:var(--siam-success-bg);color:var(--siam-success)}.badge.warning{background:var(--siam-warning-bg);color:var(--siam-warning)}.badge.danger{background:var(--siam-danger-bg);color:var(--siam-danger)}.badge.neutral{background:#eef1f5;color:var(--siam-text-muted)}.alert{border-radius:10px;padding:.75rem 1rem;border:1px solid}.alert.info{background:var(--siam-info-bg);border-color:#cfe2f1}.alert.warning{background:var(--siam-warning-bg);border-color:#f2dca8}.alert.danger{background:var(--siam-danger-bg);border-color:#f1c4bf}.alert.success{background:var(--siam-success-bg);border-color:#bfe0c9}.alert strong{display:block}.empty{text-align:center;padding:1.5rem 1rem;color:var(--siam-text-muted)}.list{list-style:none;margin:0;padding:0}.list>li{padding:.8rem 0;border-top:1px solid var(--siam-line)}.list>li:first-child{border-top:0;padding-top:0}.kv{display:grid;grid-template-columns:minmax(110px,40%) 1fr;gap:.35rem .75rem;margin:0}.kv dt{color:var(--siam-text-muted);font-size:.9rem}.kv dd{margin:0;font-weight:500;overflow-wrap:anywhere}.steps{display:flex;gap:4px;margin:.5rem 0 .35rem}.steps i{flex:1;height:6px;border-radius:3px;background:var(--siam-line)}.steps i.done{background:var(--siam-primary)}.steps i.now{background:var(--siam-ocean)}.timeline{list-style:none;margin:0;padding:0 0 0 1rem;border-left:2px solid var(--siam-line)}.timeline li{position:relative;padding:0 0 .9rem .75rem}.timeline li:before{content:"";position:absolute;left:-1.42rem;top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--siam-primary);border:2px solid #fff}.timeline .msg{margin-top:.3rem;background:var(--siam-warning-bg);border-radius:8px;padding:.5rem .75rem}.topbar{position:sticky;top:0;z-index:20;background:var(--siam-primary);color:#fff}.topbar .in{max-width:760px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem}.topbar img{height:30px}.topbar .title{flex:1;font-weight:700;font-size:.95rem;line-height:1.15}.topbar .title small{display:block;font-weight:500;color:#cfe0f0;font-size:.75rem}.topbar button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;min-height:36px;padding:0 .6rem;font:inherit;font-size:.85rem;cursor:pointer}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid var(--siam-line);padding-bottom:env(safe-area-inset-bottom)}.bottomnav .in{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.bottomnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;text-decoration:none;color:var(--siam-text-muted);font-size:.75rem;font-weight:600}.bottomnav a .i{font-size:1.3rem;line-height:1}.bottomnav a.active{color:var(--siam-primary)}.booklet{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 0 1rem}.bpage{flex:0 0 min(88vw,360px);aspect-ratio:88/125;scroll-snap-align:center;background:#fffdf6;border:1px solid #e6dfc8;border-radius:10px;box-shadow:var(--shadow-2);padding:.9rem;display:flex;flex-direction:column;font-size:.8rem;overflow:hidden}.bpage.cover{background:#0b2545;color:#fff;align-items:center;justify-content:space-between;text-align:center;padding:2rem 1rem}.bpage.cover .gold{color:#f4d35e;font-weight:700;letter-spacing:.04em}.bpage .ph{display:flex;justify-content:space-between;color:var(--siam-primary);font-weight:700;font-size:.7rem;border-bottom:1px solid #e6dfc8;padding-bottom:.35rem;margin-bottom:.5rem}.bpage .f{margin-bottom:.4rem}.bpage .f em{display:block;font-style:normal;font-size:.62rem;color:#6b7280}.bpage .f b{font-weight:600;overflow-wrap:anywhere}.bpage .photo{width:30%;aspect-ratio:25/32;object-fit:cover;border:1px solid #d6cfb8;background:#f3efe2}.bpage .entry{border:1px solid #e6dfc8;border-radius:6px;padding:.45rem;margin-bottom:.5rem;flex:1}.bpage .entry.blank{display:grid;place-items:center;color:#b8b09a}.bpage .foot{margin-top:auto;font-size:.6rem;color:#8d99ae;text-align:center}