@font-face {
    font-family: iransans;
    src: url('/fonts/iransans.woff2') format('woff2');
    font-display: swap;
}
.pg-page {
    margin: 0;
    background: #edf2f6;
    color: #354056;
    font: 15px/2.1 iransans, Tahoma, sans-serif;
}
.pg-page * { box-sizing: border-box; }
.pg-page .wrapper { width: min(1040px, calc(100% - 32px)); margin: auto; }
.pg-page a { color: #087cc1; text-decoration: none; }
.pg-hero {
    background: linear-gradient(135deg, rgba(38,45,67,.96), rgba(0,174,153,.84)), url('/images/top-header.webp') bottom center/cover;
    color: #fff;
    padding: 28px 0 76px;
    border-top: 3px solid #3b3d51;
}
.pg-hero a { color: #d7fffb; }
.pg-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; }
.pg-hero h1 { font-size: clamp(25px, 4vw, 34px); font-weight: normal; margin: 18px 0 6px; }
.pg-hero p { margin: 0; max-width: 760px; }
.pg-page .pg-main { position: relative; margin-top: -44px; }
.pg-panel { background: #fff; border-radius: 22px; padding: 26px; margin-bottom: 20px; box-shadow: 0 14px 35px rgba(25,40,64,.06); }
.pg-panel h2 { font-size: 21px; font-weight: normal; margin: 0 0 12px; }
.pg-panel h3, .pg-summary h3 { font-size: 15px; font-weight: normal; margin: 0 0 7px; color: #087cc1; }
.pg-panel p { margin: 8px 0; }
.pg-muted { color: #69758d; font-size: 12px; line-height: 2; }
.pg-eyebrow { color: #078473; font-size: 12px; margin: 0 0 5px; }
.pg-summary { background: #f1fcfa; border: 1px solid #d0ece6; padding: 20px; border-radius: 16px; }
.pg-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.pg-summary-grid p { color: #596b81; font-size: 13px; line-height: 2.1; margin: 0; }
.pg-button { display: inline-block; background: #087cc1; color: #fff !important; padding: 9px 17px; border-radius: 12px; text-decoration: none; }
.content-card .pg-selection-title { margin-top: 20px; }
.pg-week-links { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.pg-week-links a { text-align: center; border: 1px solid #dce8ee; background: #f8fbfd; border-radius: 10px; padding: 7px 3px; font-size: 12px; }
.pg-week-links a:hover, .pg-week-links a[aria-current] { background: #087f70; color: #fff; border-color: #087f70; }
.pg-page a:focus-visible, .pg-week-links a:focus-visible, .pg-button:focus-visible { outline: 3px solid #e6a515; outline-offset: 3px; }
.pg-week-nav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.pg-warning { border-right: 4px solid #bb563c; background: #fff8f4; }
.pg-warning ul { padding-right: 22px; margin: 0; }
.pg-note { background: #f5fbff; border-right: 4px solid #2587d8; padding: 13px 16px; border-radius: 12px; }
.pg-sources { padding-right: 20px; }
.pg-sources a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
    .pg-summary-grid { grid-template-columns: 1fr; }
    .pg-week-links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .pg-panel { padding: 18px; }
    .pg-hero { padding-top: 18px; }
}

.medical-note[hidden], .pg-summary[hidden] { display: none; }
