/* Shared public examples and co-parenting content, matching the app palette. */
.public-shell .card,.cooperation-page .card{background:rgba(9,35,49,.94);color:#edf7f6;border:1px solid rgba(136,221,203,.25);border-radius:22px;padding:clamp(18px,3vw,30px);margin-block:20px}
.fjord-landing main>.card{max-width:1180px;margin:clamp(20px,4vw,48px) auto}
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}
.content-grid>*{min-width:0;overflow-wrap:anywhere}
.public-shell .card p,.cooperation-page .card p{color:#c6dbde;line-height:1.65}
.public-shell .card a{color:#87e6c4}
.public-shell .card a.primary{color:#062c25;background:#5ae1ae;display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border-radius:14px;font-weight:750}
.public-shell .card summary,.cooperation-page summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}
.public-shell .card li{margin-block:12px;line-height:1.6}
.vf-demo-card,.cooperation-summary,.cooperation-agenda article{border:1px solid rgba(149,217,207,.25);border-radius:18px;padding:18px;background:rgba(41,95,104,.24)}
.vf-demo-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(149,217,207,.2)}
.vf-demo-line b{color:#f4ce78;white-space:nowrap}
.cooperation-agenda{display:grid;gap:14px}
.content-links{display:flex;flex-wrap:wrap;gap:12px}
.content-links a{min-height:44px;display:inline-flex;align-items:center;padding:6px 12px;border:1px solid rgba(149,217,207,.25);border-radius:12px}
.public-icon{color:#70dabb;flex:0 0 46px}
.vf-icon--points,.vf-icon--rewards{color:#f0c46c}
.vf-icon--calendar{color:#8dc7fa}.vf-icon--board{color:#c7aff4}
.public-shell .feature-icon .public-icon{width:38px;height:38px}
.calendar-page .week-item.co_parent,.calendar-page .month-item.co_parent{border-left:4px solid #b4a0ec;background:rgba(156,136,219,.12)}
.public-shell .vf-guide{max-width:1100px}
@media(max-width:700px){.fjord-landing main>.card{margin:20px 14px}.public-shell .fjord-hero{min-height:650px}.content-grid{grid-template-columns:1fr}.cooperation-page .vf-page-actions{flex-wrap:wrap}.vf-demo-line{flex-wrap:wrap}.public-shell .hero-copy h1{font-size:clamp(36px,9vw,52px)}}
@media(prefers-reduced-motion:reduce){.public-shell *{scroll-behavior:auto}}

/* Keep legal and help links available on the landing page. */
.fjord-landing footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;padding:24px;background:#092331;color:#c6dbde}
.fjord-landing footer a{color:#87e6c4;min-height:44px;display:inline-flex;align-items:center}

/* Compact public feature cards: one icon series, readable copy on every width. */
.feature-grid.vf-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-grid.vf-feature-cards article{display:grid;grid-template-columns:46px minmax(0,1fr);align-content:start;gap:8px 16px;text-align:left;min-height:0;padding:22px;border-radius:20px;background:rgba(9,35,49,.94);border-color:rgba(136,221,203,.25)}
.feature-grid.vf-feature-cards article>.public-icon{grid-column:1;grid-row:1 / span 2;width:46px;height:46px;margin:0;padding:8px;border-radius:12px;background:rgba(136,221,203,.08)}
.feature-grid.vf-feature-cards article>h3{grid-column:2;margin:0;font-size:20px;line-height:1.25;color:#edf7f6}
.feature-grid.vf-feature-cards article>p{grid-column:2;margin:0;font-size:16px;line-height:1.55;color:#c6dbde}
.vf-feature-cards .vf-icon--tasks,.vf-feature-cards .vf-icon--calendar{color:#8dc7fa}
.vf-feature-cards .vf-icon--dinner{color:#f4b580}
.vf-feature-cards .vf-icon--rewards,.vf-feature-cards .vf-icon--weather{color:#f0c46c}
.vf-feature-cards .vf-icon--rules{color:#70dabb}
.vf-feature-cards .vf-icon--board{color:#c7aff4}
@media(max-width:1100px){.feature-grid.vf-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.feature-grid.vf-feature-cards{grid-template-columns:minmax(0,1fr);gap:12px}.feature-grid.vf-feature-cards article{padding:18px;gap:7px 14px}}