/* WENDT subpage content system – consolidated V77 */
:root{
  --navy:#081D3A;
  --sand:#EEE3D2;
  --sand2:#D7C2A2;
  --panel:#F7F0E6;
  --text:#13263F;
  --muted:#54606D;
  --line:rgba(8,29,58,.18);
  --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}

.section{padding:62px 0}
.section+.section{padding-top:16px}
.grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.35fr);gap:68px;align-items:start}
.section-label{font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:var(--navy)}
h2{font-size:clamp(1.62rem,2.55vw,2.42rem);line-height:1.08;letter-spacing:-.032em;margin:0;color:var(--navy)}
h3{font-size:1.16rem;line-height:1.25;margin:0 0 10px;color:var(--navy)}
.copy p{margin:0 0 17px}
.copy ul{margin:0 0 20px;padding-left:1.2rem}
.copy li{margin:.22rem 0}
.copy strong{color:var(--navy)}

.rows{margin-top:8px}
.row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.row:first-child{border-top:1px solid var(--line)}
.row img{width:28px;height:28px;object-fit:contain}
.row h3{margin:0 0 5px;font-size:1.03rem}
.row p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.45}
.arrow{font-size:1.55rem;text-align:center;font-weight:800;transition:transform .15s ease}
.row:hover .arrow{transform:translateX(3px)}

.note{background:var(--panel);padding:24px 26px;border-radius:3px;margin:24px 0}
.note p:last-child{margin-bottom:0}
.related{margin-top:36px}
.related-title{font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:var(--navy)}

@media(max-width:900px){
  .grid{grid-template-columns:1fr;gap:24px}
  .section{padding:52px 0}
  .section+.section{padding-top:10px}
}
@media(max-width:620px){
  .wrap{width:min(calc(100% - 30px),var(--max))}
  .row{grid-template-columns:28px minmax(0,1fr) 34px;gap:12px}
  .row img{width:24px;height:24px}
}