.log-bar{background:#152238;border-bottom:1px solid #b8860b;font-size:.72rem;padding:.45rem 0;color:#c8b896;font-family:"Courier New",monospace}
.log-bar .container{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.log-bar em{color:#b8860b;font-style:normal;font-weight:700}

.hero-log{padding:2.8rem 0 3.2rem;background:#faf3e4;border-bottom:1px dashed #c8b896}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.hero-grid h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:700;color:#1a2f4a;line-height:1.35;margin-bottom:.85rem}
.hero-grid h1 em{color:#b8860b;font-style:normal}
.hero-desc{color:#5c4a32;font-size:.92rem;margin-bottom:1.2rem;max-width:520px}
.hero-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.trust-row{display:flex;flex-wrap:wrap;gap:1rem}
.trust-row .t{background:#f4e9d0;border:1px solid #c8b896;padding:.65rem 1rem;min-width:90px;text-align:center}
.trust-row strong{display:block;font-size:1.25rem;color:#b8860b;font-weight:700}
.trust-row span{font-size:.72rem;color:#5c4a32;font-variant:small-caps}

.compass-panel{background:#f4e9d0;border:2px solid #1a2f4a;padding:1.5rem;min-height:320px;position:relative}
.compass-panel svg{width:100%;height:auto;display:block}
.compass-caption{text-align:center;font-size:.72rem;color:#5c4a32;margin-top:.5rem;font-style:italic}

.port-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.port-card{background:#faf3e4;border:1px solid #c8b896;border-top:4px solid #1a2f4a;padding:1.2rem 1.1rem}
.port-card:nth-child(2){border-top-color:#b8860b}
.port-card:nth-child(3){border-top-color:#1a3d5c}
.port-tag{font-family:"Courier New",monospace;font-size:.68rem;color:#b8860b;margin-bottom:.45rem}
.port-card h3{font-size:.95rem;color:#1a2f4a;margin-bottom:.4rem;font-weight:700}
.port-card p{font-size:.82rem;color:#5c4a32;line-height:1.55}

.voyage-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.voyage-step{background:#faf3e4;border:1px dashed #c8b896;padding:1.2rem;text-align:center}
.voyage-num{font-family:"Courier New",monospace;font-size:.75rem;color:#b8860b;font-weight:700;margin-bottom:.5rem;display:block}
.voyage-step h3{font-size:.92rem;color:#1a2f4a;margin-bottom:.35rem;font-weight:700}
.voyage-step p{font-size:.8rem;color:#5c4a32;line-height:1.5}

.log-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.log-pane{background:#faf3e4;border:1px solid #c8b896}
.log-pane .head{background:#1a2f4a;padding:.55rem 1rem;font-family:"Courier New",monospace;font-size:.72rem;color:#b8860b}
.log-pane .body{padding:1rem 1.1rem}
.log-pane h3{font-size:.9rem;color:#1a2f4a;margin-bottom:.55rem;font-weight:700}
.log-pane li{font-size:.82rem;color:#5c4a32;padding:.28rem 0 .28rem 1rem;position:relative;line-height:1.45}
.log-pane li::before{content:"§";position:absolute;left:0;color:#b8860b;font-size:.75rem}

.log-cta{background:#1a2f4a;border-top:3px double #b8860b;padding:2.5rem 0;text-align:center}
.log-cta h2{font-size:clamp(1.1rem,2.8vw,1.45rem);color:#f4e9d0;margin-bottom:.45rem;font-weight:700;font-variant:small-caps}
.log-cta p{color:#c8b896;font-size:.88rem;margin-bottom:1.1rem;font-style:italic}

.hero-img-wrap{margin-top:1rem;border:2px solid #1a2f4a;overflow:hidden}

@media(max-width:900px){
  .hero-grid,.port-cards,.voyage-steps,.log-dual{grid-template-columns:1fr}
}