:root{
    --s-bg:#f7f8fb;
    --s-card:#fff;
    --s-text:#0f172a;
    --s-muted:#5b6475;
    --s-border:#e6e8ef;
    --s-soft:#f1f3f8;
    --s-accent:#2563eb;
    --s-accent2:#16a34a;
    --s-shadow: 0 12px 28px rgba(15,23,42,.08);
  }

  .ship-wrap{
    max-width: 2200px;
    margin: 0 auto;
    padding: 22px 14px;
  }

  .ship-page{
    background: white;
    border-radius: 20px;
    padding: 16px;
  }

  .ship-hero{
    border-radius: 20px;
    padding: 22px;
    box-shadow: var(--s-shadow);
  }

  .ship-herohead{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
  }

  .ship-title{
    margin:0;
    font-size: 1.6rem;
    line-height: 1.2;
    color: var(--s-text);
    letter-spacing:.2px;
  }

  .ship-subtitle{
    margin:8px 0 0 0;
    color: var(--s-muted);
    font-size: .98rem;
    line-height: 1.5;
    max-width: 70ch;
  }

  .ship-grid{
    margin-top: 14px;
    display:grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap:14px;
    align-items:start;
  }

  .ship-card{
    background: var(--s-card);
    border-radius: 18px;
    padding: 16px;
    box-shadow: 0 10px 20px rgba(15,23,42,.06);
    position: relative;
    overflow: hidden;
  }

  .ship-card:before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:#252525;
    opacity:.95;
  }
  .ship-card.green:before{
    background: #252525;;
  }

  .ship-card h2{
    margin: 2px 0 10px 0;
    font-size: 1.08rem;
    color: var(--s-text);
  }

  .ship-list{
    margin:0;
    padding-left:18px;
    color: var(--s-text);
    line-height:1.6;
    font-size: .98rem;
  }
  .ship-list li{ margin:7px 0; }

  .ship-kv{
    display:grid;
    gap:10px;
  }
  .ship-kvrow{
    background: var(--s-soft);
    border-radius: 14px;
    padding: 12px;
  }
  .ship-kvlabel{
    display:block;
    font-weight: 900;
    font-size: .80rem;
    color: var(--s-muted);
    margin-bottom: 6px;
    letter-spacing:.2px;
  }
  .ship-kvvalue{
    color: var(--s-text);
    font-size: .98rem;
    line-height: 1.4;
  }

  .ship-note{
    margin-top: 12px;
    border-radius: 16px;
    border:1px solid rgba(37,99,235,.18);
    background: rgba(37,99,235,.06);
    padding: 12px 14px;
    color: var(--s-text);
    line-height: 1.5;
    font-size: .95rem;
  }

  details.ship-acc{
    margin-top: 14px;
    background: var(--s-card);
    border: 1px solid var(--s-border);
    border-radius: 18px;
    padding: 10px 12px;
    box-shadow: 0 10px 20px rgba(15,23,42,.06);
  }
  details.ship-acc + details.ship-acc{ margin-top: 12px; }

  details.ship-acc summary{
    cursor:pointer;
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding: 8px 6px;
    font-weight: 950;
    color: var(--s-text);
    font-size: 1.02rem;
  }
  details.ship-acc summary::-webkit-details-marker{ display:none; }

  .ship-sumleft{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .ship-ico{
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display:grid;
    place-items:center;
    background: var(--s-soft);
    border: 1px solid var(--s-border);
    flex: 0 0 auto;
  }

  .ship-accbody{
    padding: 6px 6px 10px 6px;
    color: var(--s-text);
    line-height: 1.65;
    font-size: .98rem;
  }
  .ship-accbody p{ margin: 0 0 10px 0; }
  .ship-accbody p:last-child{ margin-bottom: 0; }

  @media (max-width: 980px){
    .ship-grid{ grid-template-columns: 1fr; }
  }