.dl-hero{padding:2.5rem 0;background:#faf3e4;border-bottom:1px dashed #c8b896}
.dl-hero h1{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;color:#1a2f4a;margin-bottom:.65rem}
.dl-hero h1 em{color:#b8860b;font-style:normal}
.dl-hero p{color:#5c4a32;font-size:.9rem;max-width:580px;margin-bottom:1.2rem;font-style:italic}
.dl-trust{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.dl-trust span{background:#f4e9d0;border:1px solid #c8b896;padding:.4rem .85rem;font-size:.78rem;color:#5c4a32}
.dl-trust strong{color:#b8860b}

.berth-registry{max-width:720px;margin:0 auto}
.berth-row{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px dashed #c8b896}
.berth-row:last-child{border-bottom:none}
.berth-code{font-family:"Courier New",monospace;font-size:.72rem;font-weight:700;padding:.35rem .5rem;text-align:center;background:#1a2f4a;color:#b8860b}
.berth-info h3{font-size:.92rem;color:#1a2f4a;font-weight:700;margin-bottom:.2rem}
.berth-info p{font-size:.8rem;color:#5c4a32;line-height:1.45}
.berth-action .btn-primary{font-size:.78rem;padding:.45rem .9rem;white-space:nowrap}

.dl-docks{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.dl-dock{background:#faf3e4;border:1px solid #c8b896;padding:1.15rem;text-align:center;border-top:4px solid #b8860b}
.dl-dock .icon{font-size:1.5rem;margin-bottom:.4rem}
.dl-dock h3{font-size:.9rem;color:#1a2f4a;margin-bottom:.35rem;font-weight:700}
.dl-dock p{font-size:.78rem;color:#5c4a32;margin-bottom:.65rem;line-height:1.45}

.mooring-pipe{display:flex;flex-direction:column;gap:0;max-width:640px;margin:0 auto;border-left:3px solid #1a2f4a;padding-left:1.5rem;margin-left:1rem}
.mooring-item{padding:1rem 0;position:relative}
.mooring-item::before{content:"";position:absolute;left:-1.65rem;top:1.35rem;width:10px;height:10px;background:#b8860b;border-radius:50%;border:2px solid #f4e9d0}
.mooring-num{font-family:"Courier New",monospace;font-size:.75rem;color:#b8860b;font-weight:700;margin-bottom:.25rem;display:block}
.mooring-item h3{font-size:.92rem;color:#1a2f4a;margin-bottom:.3rem;font-weight:700}
.mooring-item p{font-size:.8rem;color:#5c4a32;line-height:1.5}

.dl-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.dl-spec{background:#faf3e4;border:1px solid #c8b896}
.dl-spec .head{padding:.5rem 1rem;background:#1a2f4a;font-family:"Courier New",monospace;font-size:.7rem;color:#b8860b}
.dl-spec ul{padding:1rem 1.1rem}
.dl-spec li{font-size:.82rem;color:#5c4a32;padding:.25rem 0 .25rem .9rem;position:relative;line-height:1.45}
.dl-spec li::before{content:"—";position:absolute;left:0;color:#b8860b}

.dl-cta{background:#1a2f4a;padding:2.5rem 0;text-align:center;border-top:3px double #b8860b}
.dl-cta h2{font-size:clamp(1.05rem,2.6vw,1.35rem);color:#f4e9d0;margin-bottom:.4rem;font-weight:700}
.dl-cta p{color:#c8b896;font-size:.86rem;margin-bottom:1rem;font-style:italic}

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

@media(max-width:768px){
  .berth-row{grid-template-columns:1fr;gap:.5rem}
  .dl-docks,.dl-spec-grid{grid-template-columns:1fr}
}