/* Educational pages and resource navigation. Existing brand styles stay in styles.css. */
.seo-skip-link{position:absolute;left:20px;top:-100px;padding:12px 18px;z-index:300;background:#fff;color:var(--deep);border:2px solid var(--blue);border-radius:8px}
.seo-skip-link:focus{top:12px}
.seo-page{background:#fffdf9}
.seo-page a:focus-visible,.seo-guide-hub a:focus-visible,.seo-staff-info a:focus-visible,.staff-profile-link:focus-visible{outline:3px solid #1550b7;outline-offset:4px}
.seo-hero{padding:26px 0 54px;background:linear-gradient(115deg,#edf6fb 0%,#f2efff 62%,#fffdf9 100%);border-bottom:1px solid var(--line)}
.seo-breadcrumb{font-size:12px;line-height:1.6;margin-bottom:40px;color:#435472}
.seo-breadcrumb ol{display:flex;flex-wrap:wrap;gap:7px 12px;list-style:none;margin:0;padding:0}
.seo-breadcrumb li+li:before{content:'/';margin-right:12px;color:#7c8ba2}
.seo-breadcrumb a:hover{text-decoration:underline}
.seo-hero-inner{max-width:920px}
.seo-hero h1{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,4.5vw,58px);font-weight:500;line-height:1.13;letter-spacing:-.035em;color:var(--deep);margin:14px 0 20px;max-width:890px}
.seo-hero p.seo-lead{font-size:19px;line-height:1.65;color:#374d70;max-width:780px;margin:0 0 22px}
.seo-updated{font-size:12px;color:#4e607b;margin:0 0 22px}
.seo-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:14px;font-weight:750;line-height:1.6;padding:9px 0}
.seo-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.seo-booking-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.seo-booking-actions .btn{min-height:46px}
.seo-booking-actions .btn-whatsapp{background:#25d366;color:#073b2a;border-color:#25d366;box-shadow:0 8px 22px rgba(37,211,102,.14)}
.seo-booking-actions .btn-whatsapp:hover{background:#20c45d;border-color:#20c45d;transform:translateY(-1px)}
.seo-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:66px;padding-block:54px 32px;align-items:start}
.seo-toc{padding:22px;background:#edf6fb;border:1px solid var(--line);border-radius:16px}
.seo-toc>p{color:var(--deep);font-weight:800;margin:0 0 18px;font-size:14px}
.seo-toc ol{list-style:none;display:grid;gap:12px;padding:0;margin:0 0 16px}
.seo-toc li{font-size:13px;line-height:1.6;color:#3f5576}
.seo-toc li a{display:block;padding-block:3px}
.seo-toc li a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.seo-article{min-width:0;max-width:790px}
.seo-content-section{margin-bottom:40px;scroll-margin-top:28px}
.seo-article h2{color:var(--deep);font-size:27px;line-height:1.3;letter-spacing:-.025em;margin:0 0 18px}
.seo-article h3{font-size:18px;line-height:1.5;margin:24px 0 10px}
.seo-article p,.seo-article li{font-size:16px;line-height:1.85;color:#3c4f6b}
.seo-article p{margin:0 0 18px}
.seo-article ul,.seo-article ol{padding-left:24px;margin:0 0 22px}
.seo-article li{padding-left:4px;margin-bottom:10px}
.seo-article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.seo-note{padding:20px 24px;background:#edf8f5;border-left:4px solid #407c71;border-radius:0 12px 12px 0;margin:24px 0}
.seo-note p:last-child{margin-bottom:0}
.seo-sources{padding-top:28px;border-top:1px solid var(--line);margin-top:20px}
.seo-sources h2{font-size:20px}
.seo-sources li,.seo-sources p{font-size:13px;line-height:1.7}
.seo-section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}
.seo-section-heading h2{color:var(--deep);font-size:30px;line-height:1.25;margin:9px 0}
.seo-section-heading p{margin:0;max-width:700px;font-size:15px;color:#4b5e7a}
.seo-guide-hub{padding-block:48px}
.seo-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.seo-guide-card{position:relative;display:flex;flex-direction:column;align-items:start;padding:26px 22px;border:1px solid var(--line);border-radius:16px;background:#fff;min-height:295px;transition:border-color .2s,box-shadow .2s}
.seo-guide-card:nth-child(2){background:#edf8f5}.seo-guide-card:nth-child(3){background:#f2efff}.seo-guide-card:nth-child(4){background:#fbf2e9}
.seo-guide-card:hover{border-color:#7b9acc;box-shadow:0 12px 28px rgba(16,42,97,.06)}
.seo-guide-number{color:var(--blue);font-size:24px;font-weight:500;font-family:Fraunces,Georgia,serif;margin-bottom:22px}
.seo-guide-kicker{font-size:11px;font-weight:750;color:#50607b;margin-bottom:10px}
.seo-guide-card h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin:0 0 10px}
.seo-guide-card p{font-size:13px;line-height:1.7;color:#4b5f7e;margin:0 0 22px}
.seo-guide-read{font-size:13px;font-weight:800;color:var(--blue);margin-top:auto;display:flex;gap:14px;min-height:30px;align-items:center}
.seo-related{background:#f5f8fc;padding-block:38px}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.seo-related-link{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--blue);font-size:14px;font-weight:700;line-height:1.6}
.seo-related-link:hover{border-color:#7b9acc}
.seo-next{padding-block:46px}
.seo-next-card{background:#edf6fb;border:1px solid var(--line);border-radius:20px;padding:36px;display:flex;gap:30px;align-items:center;justify-content:space-between}
.seo-next-card h2{color:var(--deep);font-size:26px;line-height:1.3;margin:10px 0}
.seo-next-card p{margin:0;max-width:600px;color:#4a5e7b}
.seo-next-card .seo-booking-actions{flex-shrink:0;flex-direction:column;align-items:stretch}
.seo-hero-profile{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:44px;align-items:center;max-width:1100px}
.seo-profile-portrait{margin:0;background:#e6eaf7;border:8px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px rgba(16,42,97,.08)}
.seo-profile-portrait img{width:100%;height:285px;object-fit:cover;object-position:50% 20%}
.staff-profile-link{display:inline-flex;align-items:center;align-self:flex-start;color:var(--blue);font-size:13px;font-weight:750;line-height:1.6;padding:8px 0;margin-bottom:10px;text-decoration:underline;text-underline-offset:3px}
.seo-staff-info .seo-related-grid{grid-template-columns:1fr;min-width:240px}
@media(max-width:1000px){.seo-layout{grid-template-columns:215px minmax(0,1fr);gap:32px}.seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-related-grid{grid-template-columns:1fr}.seo-next-card{align-items:start}.seo-hero-profile{grid-template-columns:minmax(0,1fr) 210px;gap:30px}}
@media(max-width:720px){.seo-hero{padding-block:22px 34px}.seo-breadcrumb{margin-bottom:28px;font-size:11px}.seo-hero h1{font-size:34px;overflow-wrap:break-word}.seo-hero p.seo-lead{font-size:17px;line-height:1.7}.seo-layout{grid-template-columns:1fr;padding-block:28px;gap:32px}.seo-toc{padding:20px}.seo-toc ol{gap:7px}.seo-content-section{margin-bottom:32px}.seo-article h2{font-size:24px}.seo-article p,.seo-article li{font-size:15px;line-height:1.8}.seo-booking-actions{align-items:stretch;flex-direction:column}.seo-booking-actions .btn{white-space:normal;text-align:center}.seo-section-heading{align-items:start;flex-direction:column;gap:8px}.seo-section-heading h2{font-size:26px}.seo-guide-hub{padding-block:32px}.seo-guide-grid{gap:14px}.seo-guide-card{padding:20px 17px;min-height:290px}.seo-guide-card h3{font-size:17px}.seo-next-card{padding:25px;flex-direction:column;gap:24px}.seo-next-card .seo-booking-actions{width:100%}.seo-hero-profile{grid-template-columns:1fr}.seo-profile-portrait{width:200px;order:-1}.seo-profile-portrait img{height:235px}.seo-staff-info .seo-related-grid{min-width:0;width:100%}}
@media(max-width:440px){.seo-guide-grid{grid-template-columns:1fr}.seo-guide-card{min-height:0;padding:23px}.seo-guide-number{margin-bottom:14px}.seo-guide-card h3{font-size:20px}.seo-guide-card p{font-size:14px}.seo-next-card h2{font-size:24px}.seo-hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.seo-guide-card{transition:none}}