*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial;background:#f3f6fa;color:#1a2433}
header{background:#0b5394;color:#fff;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}
nav button{background:#fff2;color:#fff;border:0;padding:8px 12px;border-radius:6px;font-size:14px;margin:2px}
main{max-width:1000px;margin:auto;padding:12px}.card{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #0002}
h3{margin:0 0 8px;color:#0b5394;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
label{font-size:12px;color:#556;display:block}input,select,textarea{width:100%;padding:8px;border:1px solid #ccd;border-radius:6px;font-size:15px;font-family:inherit}
textarea{min-height:44px}.chips span{display:inline-block;background:#e3eefa;border-radius:12px;padding:3px 9px;margin:3px 3px 0 0;font-size:13px}
.chips span b{cursor:pointer;color:#a00;margin-left:5px}.sec{margin-bottom:10px}
.btn{background:#0b5394;color:#fff;border:0;padding:10px 16px;border-radius:6px;font-size:15px;margin:4px 4px 0 0;cursor:pointer}.btn.g{background:#6b7785}.btn.r{background:#b02a2a}
.imgs{display:flex;flex-wrap:wrap;gap:6px}.imgs div{position:relative}.imgs img{width:110px;height:85px;object-fit:cover;border-radius:6px}
.imgs b{position:absolute;top:0;right:0;background:#b02a2a;color:#fff;padding:0 5px;cursor:pointer}
table.l{width:100%;border-collapse:collapse}table.l td{border-bottom:1px solid #eee;padding:7px;font-size:14px}
#print{position:absolute;left:-10000px;top:0}

.pg{width:210mm;height:297mm;padding:12mm 13mm 9mm;overflow:hidden;font-family:"Source Sans Pro","Helvetica Neue",Arial,sans-serif;color:#1b2430;background:#fff}
.pg.lh{padding-top:52mm;padding-bottom:20mm}.in{height:100%;display:flex;flex-direction:column;line-height:1.35}
.ph{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2.5px solid #0b3d6e;padding-bottom:2mm}
.ph h1{margin:0;font:700 2em Georgia,"Times New Roman",serif;color:#0b3d6e}.ph small{font-size:.85em;color:#445;letter-spacing:.3px}.loc{font-size:.85em;color:#445;text-align:right;max-width:45%}
.ttl{text-align:center;font:700 1.25em Georgia,serif;font-variant:small-caps;letter-spacing:1.5px;color:#0b3d6e;margin:2.5mm 0}
.band{border:1px solid #b8c7d9;border-radius:2mm;background:#f4f7fb;padding:1.5mm 3mm 2mm}
.bh{font-variant:small-caps;font-weight:700;letter-spacing:1px;color:#0b3d6e;font-size:.9em;border-bottom:1px solid #c9d5e3;margin:1mm 0 1mm}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:.8mm 3mm;font-size:.92em}.g4 span{display:block;font-size:.78em;color:#667;text-transform:uppercase;letter-spacing:.4px}.w2{grid-column:span 4}
.body{display:flex;gap:4mm;margin-top:3mm;flex:1;align-items:flex-start}.main{min-width:0}.main{flex:1}.side{width:50mm}
.side figure{margin:0 0 2mm;border:1px solid #b8c7d9;padding:1mm;background:#fff}.side img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.side figcaption{font-size:.74em;color:#334;margin-top:.7mm;line-height:1.2}
.pg h4{font:700 1em Georgia,serif;font-variant:small-caps;letter-spacing:1px;color:#0b3d6e;margin:2.6mm 0 1mm;border-bottom:1px solid #c9d5e3;padding-bottom:.5mm}
.pg p{margin:0}.pg ul{margin:0;padding-left:5mm}.note{font-size:.88em;color:#445}
.ft{width:100%;border-collapse:collapse}.ft th{text-align:left;width:36%;font-weight:600;color:#24364a;vertical-align:top;padding:.8mm 2mm .8mm 0;border-bottom:1px dotted #d3dbe5}.ft td{padding:.8mm 0;border-bottom:1px dotted #d3dbe5}
.imp{margin-top:3mm;border:1.5px solid #0b3d6e;border-left:5px solid #0b3d6e;background:#eef3f9;padding:2mm 3mm;border-radius:1mm}
.imp>div{font:700 1.05em Georgia,serif;font-variant:small-caps;letter-spacing:1.5px;color:#0b3d6e}.imp li{margin-left:5mm;font-weight:600}
.sg{display:flex;justify-content:space-between;align-items:flex-end;margin-top:4mm}.sig{text-align:center;font-size:.92em}.sig .ln{width:55mm;border-top:1px solid #333;margin-bottom:1mm}
.foot{font-size:.75em;color:#778}
.qbox{margin-top:2.5mm;border:1px solid #b8c7d9;background:#f8fafc;padding:1.5mm 2.5mm;font-size:.8em;line-height:1.35;border-radius:1mm}.qbox>div{font:700 1.15em Georgia,serif;font-variant:small-caps;letter-spacing:1px;color:#0b3d6e}.qbox span{display:inline;margin-right:3mm}.qbox span:after{content:' ·';color:#9ab}
.qline{margin-top:2mm;font-size:.85em;color:#334}.trunc{font-size:.75em;color:#a00;font-style:italic}
.pg.bl{padding:52mm 15mm 62mm;background:url(assets/letterhead-full.jpg) 0 0/100% 100% no-repeat;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pg.bl .band,.pg.bl .imp,.pg.bl .side figure{background:rgba(244,247,251,.85)}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.g4 span{display:inline;margin-right:1.2mm}.g4{gap:.5mm 3mm}.band{padding:1mm 3mm 1.5mm}.bh{margin:.6mm 0}
.ft th,.ft td{padding:.5mm 2mm .5mm 0}.pg h4{margin:2mm 0 .8mm}.ttl{margin:1.5mm 0}
.pg.bl{padding:49mm 15mm 59mm}
@page{size:A4 portrait;margin:0}
#print.cap{left:0;z-index:-1}
@media print{html,body{margin:0!important;padding:0!important;width:210mm;height:296mm;overflow:hidden!important;background:#fff}
 header,main,.noprint{display:none!important}#print{position:static!important;left:0;width:210mm;height:296mm;overflow:hidden;margin:0}
 #print .pg{height:296mm;break-after:avoid;page-break-after:avoid;break-inside:avoid;page-break-inside:avoid;margin:0}
 #print>*:not(.pg){display:none}}