
/* Post-Op Instructions */
.sy-po{padding:0 0 4rem}
.sy-po-label{display:block;font-family:"Geist Mono",monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;color:#a8384a;font-weight:400}
.sy-po h2{font-weight:300;font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.03em;line-height:1.05;margin:0}
.sy-po-hero{position:relative;margin-top:-5.8rem;min-height:calc(min(78vh,720px) + 5.8rem);color:#fff;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}
.sy-po-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sy-po-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,18,16,.55),rgba(20,18,16,.28) 32%,rgba(20,18,16,.72))}
.sy-po-in{width:min(52rem,calc(100% - 2.5rem));margin:0 auto;padding:10rem 0 6.5rem;text-align:center}
.sy-crumbs{font-size:.875rem;margin:0 0 1.25rem;color:rgba(255,255,255,.8);text-align:center}.sy-crumbs a{color:inherit}.sy-crumbs [aria-current]{color:#fff}
.sy-po-hero .sy-po-label{color:#fff;opacity:.85}
.sy-po h1{font-weight:300;font-size:clamp(3rem,6.4vw,5.5rem);line-height:.98;letter-spacing:-.045em;margin:0;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.sy-po-lede{max-width:52ch;margin:1.1rem auto 0;color:#f3efe6;font-size:1.15rem;line-height:1.55;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.sy-po-search{display:flex;align-items:center;gap:.75rem;max-width:40rem;margin:2rem auto 0;height:3.75rem;padding:0 1.4rem;border-radius:999px;color:#222;
 background:rgba(255,254,248,.88);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.sy-po-search svg{flex:none;color:#a8384a}
.sy-po-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1.05rem;color:#222}
.sy-po-search input::placeholder{color:#6f6a60}
.sy-po-search:focus-within{box-shadow:0 0 0 3px rgba(168,56,74,.35),0 18px 50px rgba(0,0,0,.18)}
.sy-po-tiles{position:relative;z-index:3;width:min(76rem,calc(100% - 2.5rem));margin:-3rem auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.sy-po-tile{display:block;background:#fffef8;border-radius:1rem;overflow:hidden;color:#222;text-decoration:none;box-shadow:0 14px 40px rgba(34,30,25,.14);transition:transform .1s ease-out}
.sy-po-tile:active{transform:scale(.97)}
.sy-po-tile img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sy-po-tile div{padding:.9rem 1rem}.sy-po-tile b{display:block;font-weight:400;font-size:1.1rem}.sy-po-tile span{color:#6f6a60;font-size:.85rem}
.sy-po-w{width:min(76rem,calc(100% - 2.5rem));margin:0 auto}
.sy-po-urg{display:flex;align-items:center;gap:1.1rem;margin-top:2.5rem;background:#f8ece9;border:1px solid #efd3cd;border-radius:1rem;padding:1.1rem 1.25rem}
.sy-po-urg>div{flex:1}.sy-po-urg b{display:block;font-weight:500;font-size:1.05rem}.sy-po-urg p{margin:.25rem 0 0;color:#54514a;line-height:1.5}
.sy-po-dot{width:10px;height:10px;border-radius:50%;background:#a8384a;flex:none;box-shadow:0 0 0 6px rgba(168,56,74,.15)}
.sy-po-urg a{display:inline-flex;align-items:center;min-height:48px;padding:0 1.1rem;border-radius:.25rem;background:#a8384a;color:#fff;text-decoration:none;white-space:nowrap}
.sy-po-none{display:none;margin:3rem 0 0;font-size:1.1rem;color:#54514a}.sy-po-none a{color:#a8384a}
.sy-po-sec{margin-top:4.5rem;scroll-margin-top:7rem}
.sy-po-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.1rem}.sy-po-sh p{color:#54514a;margin:0}
.sy-po-cols{columns:2;column-gap:3rem}
.sy-po-acc{break-inside:avoid;border-top:1px solid #e3ded3}
.sy-po-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;font-size:1.1rem;cursor:pointer}
.sy-po-acc summary::-webkit-details-marker{display:none}
.sy-po-acc summary i{font-style:normal;color:#a8384a;font-size:1.35rem;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.sy-po-acc[open] summary i{transform:rotate(45deg)}
.sy-po-body{padding:.25rem 0 1.25rem}
.sy-po-body p{margin:0 0 .9rem;color:#3a3833;font-size:1.05rem;line-height:1.65}
.sy-po-body h3{font-weight:500;font-size:1rem;margin:1.1rem 0 .35rem;color:#222}
.sy-po-cta{width:min(76rem,calc(100% - 2.5rem));margin:6rem auto 0;background:#222;color:#fffef8;border-radius:1rem;padding:3rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}
.sy-po-cta h2{color:#fffef8}.sy-po-cta p{color:#d9d4c8;margin:.5rem 0 0}.sy-po-cta .sy-po-label{color:#fffef8;opacity:.8}
.sy-btns{display:flex;flex-wrap:wrap;gap:.6rem}
.sy-btns a{display:inline-flex;align-items:center;min-height:48px;padding:0 1.25rem;border-radius:.25rem;text-decoration:none;font-size:1rem;transition:transform .1s ease-out}
.sy-btns a:active{transform:scale(.97)}.sy-btns .is-light{background:#fffef8;color:#222}.sy-btns .is-line{border:1px solid currentColor;color:inherit}
@media (max-width:991px){.sy-po-tiles{grid-template-columns:1fr 1fr}.sy-po-cols{columns:1}}
@media (max-width:600px){.sy-po-in{padding:8.5rem 0 5rem}.sy-po h1{font-size:2.9rem}.sy-po-lede{font-size:1.05rem}.sy-po-search{height:3.4rem}
 .sy-po-urg{flex-direction:column;align-items:flex-start}.sy-po-urg .sy-po-dot{display:none}.sy-po-cta{padding:2rem;margin-top:4rem}}
@media (prefers-reduced-motion:reduce){.sy-po-acc summary i{transition:none}}
@media (prefers-reduced-transparency:reduce){.sy-po-search{background:#fffef8;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* header glass (scripts/header_glass.py) */
.navigation .nav-bar.is-main,.navigation .mobile-navbar{background-color:rgba(255,254,248,.84)!important;
 -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 0 rgba(34,30,25,.06),0 10px 30px rgba(34,30,25,.08);
 transition:background-color .25s ease,box-shadow .25s ease}
.navigation .nav-link,.navigation .mobile-navbar .login-button,.navigation .mobile-navbar .login-button *{color:#222!important;transition:color .25s ease}
.navigation .nav-divider{background-color:rgba(34,30,25,.14)!important;transition:background-color .25s ease}
.navigation .menu-bar{background-color:#222!important;transition:background-color .25s ease}
.sy-logo-swap{position:relative;display:block;line-height:0}
.sy-logo-swap .is-white{position:absolute;left:0;top:0;height:100%;width:auto;opacity:0;transition:opacity .25s ease}
.sy-logo-swap .is-colour{transition:opacity .25s ease}
html.sy-over .navigation .nav-bar.is-main,html.sy-over .navigation .mobile-navbar{background-color:rgba(20,18,16,.24)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html.sy-over .navigation .nav-link,html.sy-over .navigation .mobile-navbar .login-button,
html.sy-over .navigation .mobile-navbar .login-button *{color:#fff!important}
html.sy-over .navigation .nav-divider{background-color:rgba(255,255,255,.32)!important}
html.sy-over .navigation .menu-bar{background-color:#fff!important}
html.sy-over .sy-logo-swap .is-white{opacity:1}html.sy-over .sy-logo-swap .is-colour{opacity:0}
@media (prefers-reduced-transparency:reduce){
 .navigation .nav-bar.is-main,.navigation .mobile-navbar{background-color:#fffef8!important;-webkit-backdrop-filter:none;backdrop-filter:none}
 html.sy-over .navigation .nav-bar.is-main,html.sy-over .navigation .mobile-navbar{background-color:rgba(20,18,16,.72)!important}}
@media (prefers-reduced-motion:reduce){.navigation *,.sy-logo-swap img{transition:none!important}}
