body{font-family:Sarabun,sans-serif;background:#f5f7fb;color:#152b48} .navbar,.footer{background:#102844}.navbar-brand{font-weight:700}.hero{background:linear-gradient(120deg,#102844,#1c4f81);color:white;border-radius:1.5rem;padding:clamp(2rem,6vw,5rem)}.card{border:1px solid #e1e7ef;border-radius:1rem;box-shadow:0 4px 18px #10284408}.btn-primary{background:#164b80;border-color:#164b80}.content-text{white-space:pre-wrap;overflow-wrap:anywhere}.form-shell{max-width:540px;margin:auto}.price{font-size:1.6rem;font-weight:700;color:#164b80}main{min-height:70vh}.nav-link{padding:.6rem}.skip-link{position:absolute;top:-60px}.skip-link:focus{top:0;z-index:9999;background:white;padding:1rem}a{overflow-wrap:anywhere}.footer a{color:#dbeaff}.form-text{color:#52647b}

.product-cover{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:.75rem;background:#edf1f7}.cover-preview{display:block;max-width:100%;max-height:220px;border-radius:.5rem}.hash-text{display:inline-block;max-width:25rem;overflow-wrap:anywhere;white-space:normal}textarea{resize:vertical}table{min-width:580px}

.report-chart{position:relative;height:340px}@media print{header,footer,.no-print,nav{display:none!important}body,main{background:white!important}.card{box-shadow:none}table{min-width:0}main{width:100%!important;max-width:100%!important}.report-chart{height:220px}}

.help-article {max-width: 960px; margin-inline: auto; overflow-wrap: anywhere;}
.help-prose {line-height: 1.9; overflow-wrap: anywhere;}
.help-image {max-height: 640px; object-fit: contain;}
.help-diagram {background: #102844;}
.help-article summary {cursor: pointer; min-height: 44px; padding: .5rem;}
[data-line-qr] img, [data-line-qr] canvas {max-width: 100%; height: auto;}
progress {height: 1.2rem; accent-color: #164b80;}
@media (max-width: 575px) { .help-article h1 {font-size: 1.8rem;} .help-article h2 {font-size: 1.3rem;} .help-diagram {min-height: 100px; object-fit: contain;} }