/* HIP en NIP — website 1.32 */
[id]{scroll-margin-top:115px}
.profile-intro{max-width:800px;margin:0 auto 26px;text-align:center;font-size:1.08rem}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.profile-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:white;display:flex;flex-direction:column;align-items:flex-start}
.profile-card h3{color:var(--blue);font-size:1.5rem;margin:10px 0 0}
.profile-card p{flex:1}
.profile-badge{background:var(--yellow);color:var(--blue);font-weight:900;border-radius:12px;padding:8px 14px}
.profile-note{text-align:center;margin:24px auto 0;max-width:760px}
.page-hero{background:linear-gradient(110deg,var(--cream),white);padding:50px 0}
.reading{max-width:800px;margin:auto}
.page-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.035em;color:var(--blue);margin:18px 0}
.page-hero .lead{font-size:1.25rem;font-weight:700}
.reading h2{text-align:left;font-size:1.8rem;margin:0 0 18px}
.reading h3{color:var(--blue);margin:24px 0 6px}
.reading li{margin:9px 0}
.example{border-left:4px solid var(--yellow);background:var(--soft);padding:20px;margin:24px 0}
footer a{overflow-wrap:anywhere}
@media(min-width:901px){.links{gap:18px}.nav{gap:18px}.links a{font-size:.88rem}}
@media(max-width:650px){.profile-grid{grid-template-columns:1fr}.profile-card{padding:24px}.page-hero{padding:30px 0}}

.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:12px 18px;background:var(--blue);color:#fff;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.flip-card{height:250px}
@media(max-width:600px){.flip-card{height:250px}}
.challenge-section .underline{margin:0 auto 24px}

.reading{width:min(800px,calc(100% - 40px));max-width:800px;margin:auto}.reading h2{text-align:left}.page-hero .reading h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12}.profile-grid>*{min-width:0}

.page-hero .reading h1{text-transform:none;overflow-wrap:break-word}