
/* V3.34 – responsive navigation and share controls */
.share-panel{margin:32px auto;padding:22px 24px;border:1px solid #dce5ee;border-radius:16px;background:#fff;color:#163653;max-width:1100px;box-sizing:border-box}
.share-panel h2{margin:0 0 5px;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.25;color:#123455}
.share-panel p{margin:0 0 14px;color:#4c657a;font-size:.95rem}
.share-actions{display:flex;flex-wrap:wrap;gap:10px}
.share-actions button{appearance:none;border:1px solid #aabed1;background:#f7fafc;color:#123b5d;font:600 14px/1.3 system-ui,sans-serif;padding:11px 15px;border-radius:9px;cursor:pointer;min-height:44px}
.share-actions button:hover,.share-actions button:focus-visible{background:#e5f0f9;border-color:#1a6e9e;outline-offset:2px}
.share-panel .share-status{min-height:1em;margin:7px 0 0;font-size:.82rem}
.chronik-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 38px}
.chronik-hub a{display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:19px;border:1px solid #dce5ee;border-radius:13px;background:#fff;color:#143b5d;text-decoration:none;box-sizing:border-box}
.chronik-hub a:hover,.chronik-hub a:focus-visible{border-color:#bb293b;box-shadow:0 6px 20px rgba(20,50,80,.09)}
.chronik-hub strong{font-size:1.06rem;line-height:1.3}.chronik-hub span{font-size:.85rem;color:#597185;margin-top:10px}
.social-follow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px;border:1px solid #dce5ee;border-radius:14px;background:#fff;margin:26px auto}
.social-follow p{margin:5px 0 0;color:#52687c}.social-follow-links{display:flex;gap:10px;flex-wrap:wrap}
.social-follow-links a{display:inline-block;padding:11px 15px;border-radius:9px;background:#153c5e;color:#fff;text-decoration:none;font-weight:650}
@media(max-width:760px){.chronik-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.chronik-hub a{min-height:100px;padding:14px}.share-panel{padding:17px}.share-actions button{flex:1 1 160px}}
@media(max-width:440px){.chronik-hub{grid-template-columns:1fr}.chronik-hub a{min-height:75px}.social-follow-links a{flex:1 1 100%;text-align:center}}
