* { box-sizing:border-box; }
body { margin:0; background:#fff8e8; color:#102e48; font:1rem/1.7 Arial,sans-serif; }
header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem max(1.25rem,calc((100vw - 1120px)/2)); background:#102e48; color:#fff; }
header img { width:145px; height:auto; }
header nav { display:flex; flex-wrap:wrap; gap:.8rem; }
header a { color:#fff; }
main { max-width:1120px; margin:auto; padding:2.5rem 1.25rem; }
h1,h2,h3 { font-family:Georgia,serif; line-height:1.2; }
h1 { font-size:clamp(2.4rem,6vw,4rem); max-width:850px; }
h2 { font-size:clamp(1.8rem,4vw,2.5rem); }
.eyebrow { font-weight:700; color:#755317; letter-spacing:.09em; text-transform:uppercase; }
.intro { max-width:800px; font-size:1.15rem; }
.guide-panel,main>section { margin:2rem 0; padding:clamp(1.25rem,3vw,2rem); background:white; border:1px solid #d6c7a4; border-radius:1rem; }
.guide-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:1.25rem; }
.guide-grid article { border-top:3px solid #b78a34; padding:1rem; background:#f8f4e9; }
a { color:#18577c; text-underline-offset:3px; }
.guide-action { display:inline-flex; align-items:center; min-height:44px; padding:.8rem 1.2rem; border-radius:.6rem; background:#102e48; color:white; font-weight:bold; text-decoration:none; margin:.4rem .4rem .4rem 0; }
.table-scroll { overflow:auto; }
table { border-collapse:collapse; width:100%; min-width:640px; font-size:1rem; }
th,td { text-align:left; padding:1rem; border:1px solid #d7d0be; vertical-align:top; }
th { background:#102e48; color:white; }
.guide-note { padding:1rem; border-left:4px solid #b78a34; background:#f8f4e9; }
.guide-companions { display:flex; justify-content:center; gap:2rem; align-items:flex-end; }
.guide-companions img { object-fit:contain; width:min(38vw,200px); height:240px; }
footer { padding:1.5rem; text-align:center; }
.skip { position:absolute; left:-10000px; }.skip:focus { left:1rem; top:1rem; background:white; padding:1rem; z-index:9999; }
textarea,input,select { width:100%; min-height:44px; padding:.75rem; border:1px solid #7f8e99; border-radius:.5rem; color:#102e48; background:white; }
label { display:block; font-weight:bold; margin-top:1rem; }
button { min-height:44px; cursor:pointer; padding:.75rem 1rem; border:1px solid #102e48; border-radius:.5rem; background:#102e48; color:white; }
@media print { header,footer,button,.guide-action,.skip { display:none; } body { background:white; color:black; } main { padding:0; } main>section { break-inside:avoid; padding:1rem; border:1px solid #999; } table { min-width:0; font-size:10pt; } th { background:white; color:black; } .guide-grid { display:block; } .guide-grid article { break-inside:avoid; } }

.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:white;padding:12px;color:#102f43}.skip-link:focus{top:12px}