/* Presentation only. Membership checks and private content gating happen in PHP. */
.oon-portal-page{--oon-navy:#102a3d;--oon-green:#14675b;--oon-teal:#dff2ed;--oon-ink:#1d3445;--oon-muted:#526877;--oon-line:#dce7e8;--oon-gold:#ffcf67;margin:0;background:#f6f8fa;color:var(--oon-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
.oon-portal,.oon-header,.oon-footer,.oon-admin-strip,.oon-dynamic-menu{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.oon-portal *,.oon-header *,.oon-footer *,.oon-admin-strip *{box-sizing:border-box}
.oon-icon{display:inline-block;flex:0 0 24px;width:24px;height:24px;vertical-align:middle}
.oon-portal h1,.oon-portal h2,.oon-portal h3,.oon-header,.oon-footer{color:#102a3d}
.oon-portal h1,.oon-portal h2,.oon-portal h3{font-family:inherit;font-weight:730;letter-spacing:-.032em;line-height:1.18;margin:0 0 16px}
.oon-portal h1{font-size:clamp(32px,3.7vw,49px)}
.oon-portal h2{font-size:clamp(25px,2.3vw,32px)}
.oon-portal h3{font-size:21px}
.oon-portal p{margin:0 0 16px}
.oon-portal a{color:#14675b;text-underline-offset:4px}
.oon-portal a:focus-visible,.oon-header a:focus-visible,.oon-footer a:focus-visible,.oon-portal summary:focus-visible,.oon-mobile-nav summary:focus-visible{outline:3px solid #307ca5;outline-offset:4px;border-radius:5px}
.oon-portal input:focus-visible{outline:2px solid #14675b;outline-offset:3px}
.oon-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.oon-skip-link{position:absolute;top:-100px;left:12px;z-index:100001;background:#fff;color:#102a3d;padding:12px 20px;border-radius:6px}
.oon-skip-link:focus{top:10px}
.oon-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e0e8ec;z-index:40}
.admin-bar .oon-header{top:32px}
.oon-header__inner{max-width:1220px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:87px}
.oon-header .oon-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none;color:#102a3d;font-size:18px;font-weight:760;line-height:1.22}
.oon-brand__symbol{display:grid;place-items:center;background:#102a3d;color:#fff;border-radius:14px;height:48px;width:48px;font-size:19px;letter-spacing:-2px;padding-right:2px}
.oon-brand small{display:block;color:#17796a;font-size:10px;letter-spacing:.21em;font-weight:750;margin-top:5px}
.oon-desktop-nav ul,.oon-mobile-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:5px}
.oon-header .oon-menu-item{margin:0;padding:0;list-style:none}
.oon-header .oon-menu-item a{color:#314956;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;font-weight:600;padding:11px 10px;border-radius:10px;line-height:1.45}
.oon-header .oon-menu-item a:hover{color:#125f55;background:#eef5f3}
.oon-header .oon-menu-item .oon-icon{width:18px;height:18px;flex-basis:18px}
.oon-header .oon-menu-item--cta a{background:#ffcf67;color:#173444;padding:11px 18px;margin-left:5px}
.oon-header .oon-menu-item--cta a:hover{background:#f1bd49;color:#0e2639}
.oon-mobile-nav{display:none;position:relative}
.oon-mobile-nav summary{display:flex;gap:8px;align-items:center;cursor:pointer;list-style:none;border:1px solid #d4e1e4;padding:8px 11px;border-radius:10px;font-size:14px;font-weight:650}
.oon-mobile-nav summary::-webkit-details-marker{display:none}
.oon-hamburger{font-size:20px;line-height:1}
.oon-mobile-nav nav{position:absolute;top:calc(100% + 10px);right:0;width:min(320px,calc(100vw - 28px));padding:12px;background:white;box-shadow:0 18px 40px #0f2e4426;border:1px solid #dce7e8;border-radius:14px;max-height:75vh;overflow-y:auto}
.oon-mobile-nav nav ul{display:block}
.oon-mobile-nav .oon-menu-item a{display:flex;white-space:normal;padding:13px 12px}
.oon-mobile-nav .oon-menu-item--cta a{margin:8px 0 0;justify-content:center}
.oon-admin-strip{background:#e9f1f4;font-size:12px;border-bottom:1px solid #d9e4e8}
.oon-admin-strip>div{max-width:1160px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.oon-admin-strip a{color:#185973;text-decoration:underline}
.oon-admin-strip strong{color:#153c51}
.oon-main{max-width:1220px;padding:38px 28px 64px;margin:0 auto;outline:none}
.oon-eyebrow{font-size:11px!important;line-height:1.5!important;font-weight:760!important;letter-spacing:.14em!important;text-transform:uppercase;color:#14675b;margin:0 0 14px!important}
.oon-lead{font-size:18px;line-height:1.75;color:#4c6574;max-width:700px}
.oon-muted{color:#526877;font-size:14px}
.oon-fineprint{font-size:13px;line-height:1.7;color:#596f7c;margin-top:18px!important}
.oon-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:25px}
.oon-portal .oon-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;min-height:50px;border-radius:12px;border:1px solid transparent;font-size:15px;font-weight:750;text-decoration:none;line-height:1.45;transition:box-shadow .15s,background .15s}
.oon-portal .oon-btn .oon-icon{width:20px;height:20px;flex-basis:20px}
.oon-portal .oon-btn--solid{background:#14675b;color:#fff}
.oon-portal .oon-btn--solid:hover{background:#104e46;color:#fff;box-shadow:0 5px 14px #123f4824}
.oon-portal .oon-btn--outline{color:#163c4a;background:#fff;border-color:#c4d5db}
.oon-portal .oon-btn--outline:hover{background:#edf5f3;border-color:#94b8b2}
.oon-member-hero{display:flex;gap:28px;justify-content:space-between;align-items:flex-start;padding:36px 36px 30px;background:#e9f2ef;border:1px solid #dce9e4;border-radius:23px;margin-bottom:24px}
.oon-member-hero h1{font-size:clamp(30px,3vw,40px);overflow-wrap:anywhere}
.oon-member-hero p:not(.oon-eyebrow){color:#526877;margin-bottom:0;max-width:640px}
.oon-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:1px solid #9fc9bb;background:#f4fcf8;color:#105b4c;border-radius:999px;font-size:12px;font-weight:750;margin-top:3px}
.oon-status .oon-icon{width:18px;height:18px;flex-basis:18px}
.oon-primary-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:20px;margin-bottom:38px}
.oon-portal .oon-card{display:flex;align-items:flex-start;gap:18px;background:#fff;border:1px solid #dce7e8;border-radius:17px;padding:24px;min-width:0;text-decoration:none;color:#173c4a;transition:box-shadow .18s,border-color .18s,transform .18s}
.oon-portal .oon-card:hover{box-shadow:0 8px 22px #163d5010;border-color:#91b6ae;transform:translateY(-2px)}
.oon-card[hidden]{display:none!important}
.oon-card__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:#e7f3ef;color:#166c5e}
.oon-card__icon .oon-icon{width:24px;height:24px}
.oon-card__body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.oon-card__body strong{font-size:18px;line-height:1.4;font-weight:720;letter-spacing:-.02em}
.oon-card__body>span{color:#576d7b;font-size:14px;line-height:1.7}
.oon-card__arrow{width:19px;height:19px;flex-basis:19px;color:#4e7977;margin-top:12px}
.oon-portal .oon-card--archive{background:#115d54;color:white;border-color:#115d54;padding:29px;min-height:160px}
.oon-portal .oon-card--whatsapp{background:#102e44;color:white;border-color:#102e44;padding:29px;min-height:160px}
.oon-card--archive .oon-card__icon,.oon-card--whatsapp .oon-card__icon{background:#ffffff16;color:#b8eee0;flex-basis:54px;width:54px;height:54px}
.oon-card--archive .oon-card__body strong,.oon-card--whatsapp .oon-card__body strong{font-size:23px}
.oon-card--archive .oon-card__body>span,.oon-card--whatsapp .oon-card__body>span{color:#d5e6e4;max-width:330px}
.oon-card--archive .oon-card__arrow,.oon-card--whatsapp .oon-card__arrow{color:#b9e8d9}
.oon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.oon-heading-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}
.oon-heading-row h2{margin-bottom:0}
.oon-heading-row .oon-eyebrow{margin-bottom:9px!important}
.oon-search-label{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #cad9df;border-radius:11px;background:#fff;max-width:390px}
.oon-search-label .oon-icon{width:19px;height:19px;flex-basis:19px;color:#59717d}
.oon-portal .oon-search-label input{background:transparent;border:0;border-radius:3px;box-shadow:none;font:inherit;font-size:14px;color:#183849;min-width:0;width:100%;padding:2px;line-height:1.5;margin:0}
.oon-search-label input::placeholder{color:#657985;opacity:1}
.oon-empty-search{padding:16px;background:#eef3f6;border-radius:10px;color:#415e70}
.oon-announcement{display:flex;gap:18px;align-items:flex-start;background:#fff8e8;border:1px solid #f1dfb4;border-radius:16px;margin-top:32px;padding:23px 26px}
.oon-announcement>.oon-icon{color:#8b631e;margin-top:4px}
.oon-announcement h2{font-size:18px;margin-bottom:7px}
.oon-announcement p{font-size:14px;line-height:1.7;margin:0;color:#5f614f}
.oon-member-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;font-size:12px;color:#59707c}
.oon-member-bottom span,.oon-member-bottom a{display:flex;align-items:center;gap:8px}
.oon-member-bottom .oon-icon{width:17px;height:17px;flex-basis:17px}
.oon-member-bottom a{color:#21485b;font-size:13px;font-weight:650;white-space:nowrap}
.oon-section-heading{margin:5px 0 30px;max-width:910px}
.oon-toolbar{margin-bottom:23px}
.oon-view-whatsapp .oon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.oon-view-whatsapp .oon-card:first-child{background:#e6f3ed;border-color:#b7d7ca}
.oon-note{background:#edf3f7;border:1px solid #d4e2e9;border-radius:14px;padding:24px 26px;margin:30px 0;color:#466170}
.oon-note strong{color:#193f52}
.oon-note p{margin:7px 0 0;font-size:14px}
.oon-section{margin-top:38px}
.oon-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.oon-info-card{background:#fff;border:1px solid #dce7e8;border-radius:16px;padding:28px}
.oon-info-card h2{font-size:23px}
.oon-info-card p,.oon-info-card ol{font-size:15px;color:#526877;line-height:1.8}
.oon-info-card ol{padding-left:20px;margin:0}
.oon-info-card li{margin-bottom:12px;padding-left:5px}
.oon-info-card p:last-child{margin-bottom:0}
.oon-guide-steps{display:grid;gap:14px}
.oon-guide-steps article{display:flex;gap:23px;align-items:flex-start;padding:25px;background:#fff;border:1px solid #dce7e8;border-radius:16px}
.oon-guide-steps article>span{flex:0 0 42px;height:42px;display:grid;place-items:center;background:#e5f3ee;color:#166350;border-radius:12px;font-weight:800}
.oon-guide-steps h2{font-size:19px;margin-bottom:8px}
.oon-guide-steps p{font-size:15px;color:#526877;line-height:1.8;margin:0}
.oon-account-card{background:#fff;border:1px solid #dce7e8;border-radius:18px;padding:5px 28px;max-width:850px}
.oon-account-card dl{margin:0}
.oon-account-card dl>div{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #edf0f2}
.oon-account-card dl>div:last-child{border-bottom:0}
.oon-account-card dt{font-size:14px;color:#5a707c;font-weight:500}
.oon-account-card dd{margin:0;font-size:16px;font-weight:650;overflow-wrap:anywhere}
.oon-archive-hint{display:flex;align-items:center;gap:16px;padding:17px 21px;background:#eaf3f0;border-radius:13px;margin-bottom:23px}
.oon-archive-hint p{margin:0;font-size:14px;color:#3e655e;flex:1}
.oon-archive-hint a{white-space:nowrap;font-size:13px;font-weight:650}
.oon-archive-host{min-height:350px;background:#fff;padding:14px;border:1px solid #dce7e8;border-radius:17px}
/* Do not force styles onto Use-your-Drive's own table, menus or viewer. */
.oon-guest-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center;padding:38px 0 54px}
.oon-guest-hero h1{font-size:clamp(40px,4.35vw,59px);line-height:1.1;margin-bottom:24px;letter-spacing:-.045em}
.oon-guest-hero h1>span{color:#14675b}
.oon-guest-hero__copy .oon-lead{font-size:17px;line-height:1.85;max-width:510px}
.oon-guest-hero .oon-btn--solid,.oon-bottom-cta .oon-btn--solid{background:#ffcf67;color:#172f40}
.oon-guest-hero .oon-btn--solid:hover,.oon-bottom-cta .oon-btn--solid:hover{background:#f3be4e}
.oon-membership-line{display:flex;align-items:center;gap:7px;margin:24px 0 6px!important;color:#2d5950;font-size:13px;font-weight:650}
.oon-membership-line .oon-icon{width:18px;height:18px;flex-basis:18px}
.oon-guest-preview{background:#102d42;border:1px solid #214357;box-shadow:0 18px 45px #18374520;border-radius:22px;overflow:hidden;transform:rotate(1deg)}
.oon-preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;padding:17px 23px;font-size:10px;letter-spacing:.13em;color:#c6dfdf}
.oon-preview-dots{font-size:13px;letter-spacing:6px;color:#59857e}
.oon-preview-body{padding:27px 30px 32px;background:radial-gradient(ellipse at 100% 0%,#1c62574d,transparent 70%)}
.oon-preview-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #487264;border-radius:999px;font-size:11px;color:#c7e6d7;padding:5px 10px;margin-bottom:19px}
.oon-preview-badge .oon-icon{width:14px;height:14px;flex-basis:14px}
.oon-preview-body h2{font-size:28px;color:#fff;line-height:1.3;margin-bottom:23px}
.oon-preview-row{display:flex;align-items:center;gap:15px;background:#ffffff09;border:1px solid #a3cabb26;border-radius:12px;padding:16px;margin-top:11px;color:#c4e4dd}
.oon-preview-row>div{flex:1}
.oon-preview-row strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.oon-preview-row small{display:block;color:#b6cdce;font-size:12px}
.oon-preview-row>.oon-icon:last-child{width:16px;height:16px;flex-basis:16px;color:#93b8b1}
.oon-public-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce7e8;border-radius:18px;background:white;margin-bottom:68px}
.oon-public-steps>div{position:relative;padding:25px 26px;border-right:1px solid #e4e9eb}
.oon-public-steps>div:last-child{border:0}
.oon-public-steps span{display:block;font-size:12px;letter-spacing:.12em;color:#217767;font-weight:800;margin-bottom:12px}
.oon-public-steps h3{font-size:19px;margin-bottom:12px}
.oon-public-steps p{color:#566d7a;font-size:14px;margin:0}
.oon-public-examples{scroll-margin-top:120px;margin-bottom:65px}
.oon-section-intro{color:#59727f;font-size:16px;max-width:730px}
.oon-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-top:27px}
.oon-example-grid article{background:white;border:1px solid #dce7e8;border-radius:19px;padding:28px;min-width:0}
.oon-example-icon{display:inline-grid;place-items:center;width:57px;height:57px;border-radius:16px;background:#e8f2ec;color:#206959;margin-bottom:24px}
.oon-example-grid article:nth-child(2) .oon-example-icon{background:#e6eff7;color:#255173}
.oon-example-grid article:nth-child(3) .oon-example-icon{background:#f6ede1;color:#835e21}
.oon-example-icon .oon-icon{width:30px;height:30px}
.oon-example-grid .oon-tag{font-size:10px;letter-spacing:.1em;color:#567773;font-weight:750;margin-bottom:9px}
.oon-example-grid h3{font-size:22px;margin-bottom:12px}
.oon-example-grid p:last-child{font-size:14px;color:#586e7a;margin:0;line-height:1.85}
.oon-faq{max-width:860px;margin-bottom:45px}
.oon-faq h2{margin-bottom:22px}
.oon-faq details{padding:19px 22px;border:1px solid #dce7e8;border-radius:13px;background:#fff;margin-bottom:11px}
.oon-faq summary{cursor:pointer;font-weight:650;color:#254757;font-size:16px}
.oon-faq details p{margin:15px 0 0;font-size:14px;color:#576e7b;line-height:1.9}
.oon-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#102d42;border-radius:20px;padding:37px 38px;color:white;margin-top:45px}
.oon-bottom-cta .oon-eyebrow{color:#adddcb}
.oon-bottom-cta h2{color:#fff;margin:0;font-size:clamp(25px,2.5vw,34px);line-height:1.3}
.oon-bottom-cta .oon-btn{flex-shrink:0}
.oon-gate{max-width:880px;text-align:center;margin:24px auto;padding:43px;background:#fff;border:1px solid #dce7e8;border-radius:23px}
.oon-gate__icon{width:65px;height:65px;display:inline-grid;place-items:center;border-radius:18px;background:#eaf3ef;color:#176354;margin-bottom:27px}
.oon-gate__icon .oon-icon{width:33px;height:33px}
.oon-gate h1{font-size:clamp(29px,3vw,41px);line-height:1.3}
.oon-gate .oon-lead{font-size:16px;margin:0 auto 24px;max-width:680px}
.oon-gate .oon-actions{justify-content:center}
.oon-gate .oon-fineprint{max-width:620px;margin:24px auto 18px!important}
.oon-gate>p:last-child{font-size:14px}
.oon-notice{background:#fff4df;border:1px solid #efdcac;padding:20px 23px;border-radius:13px;margin:0 0 24px;color:#674c22}
.oon-notice p{font-size:14px;margin:8px 0 0!important}
.oon-footer{background:#fff;border-top:1px solid #dce7e8;color:#576e7a;font-size:14px}
.oon-footer__inner{max-width:1220px;display:flex;gap:36px;justify-content:space-between;align-items:center;margin:0 auto;padding:30px 28px 18px}
.oon-footer strong{font-size:15px;color:#1c3f50}
.oon-footer p{margin:5px 0 0;font-size:12px}
.oon-footer__links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}
.oon-footer__links a{display:inline-flex;align-items:center;gap:7px;color:#345969;text-decoration:none}
.oon-footer__links a:hover{text-decoration:underline}
.oon-footer__links .oon-icon{width:18px;height:18px;flex-basis:18px}
.oon-footer .oon-footer__bottom{max-width:1220px;margin:0 auto;padding:0 28px 25px;color:#6a7c84;font-size:11px}
/* Server-rendered navigation on ordinary theme pages. */
.oon-dynamic-menu .oon-menu-item .menu-link{display:inline-flex;align-items:center;gap:6px}
.oon-dynamic-menu .oon-menu-item .oon-icon{width:18px;height:18px;flex-basis:18px}
.oon-dynamic-menu .oon-menu-item--cta>.menu-link{background:#ffcf67;color:#183342!important;border-radius:10px;font-weight:700}
@media(max-width:1120px){.oon-desktop-nav{display:none}.oon-mobile-nav{display:block}.oon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oon-guest-hero{gap:32px}.oon-guest-hero h1{font-size:45px}.oon-preview-body{padding:24px}.oon-heading-row{gap:18px}}
@media(max-width:782px){.admin-bar .oon-header{top:46px}.oon-main{padding:25px 20px 44px}.oon-header__inner{padding:14px 20px;min-height:76px}.oon-guest-hero{grid-template-columns:1fr;padding:20px 0 35px;gap:32px}.oon-guest-hero__copy .oon-lead{max-width:none}.oon-guest-preview{max-width:540px;width:100%;transform:none;justify-self:center}.oon-public-steps{margin-bottom:45px}.oon-public-steps>div{padding:22px 18px}.oon-member-hero{padding:26px;flex-direction:column;gap:17px}.oon-status{margin-top:0}.oon-primary-grid{gap:15px}.oon-card--archive .oon-card__icon,.oon-card--whatsapp .oon-card__icon{display:none}.oon-primary-grid .oon-card{padding:24px}.oon-heading-row{align-items:flex-start;flex-direction:column}.oon-search-label{width:100%;max-width:none}.oon-two-columns{gap:15px}.oon-example-grid{gap:15px}.oon-example-grid article{padding:23px 20px}.oon-example-grid h3{font-size:20px}.oon-bottom-cta{padding:30px}.oon-bottom-cta h2 br{display:none}.oon-gate{padding:30px 25px}.oon-footer__inner{align-items:flex-start}}
@media(max-width:600px){.oon-header__inner{gap:12px;padding:12px 15px}.oon-header .oon-brand{font-size:15px;gap:9px}.oon-brand__symbol{width:40px;height:40px;border-radius:12px;font-size:17px}.oon-brand small{font-size:9px;letter-spacing:.16em}.oon-mobile-nav summary{padding:8px 9px;font-size:12px}.oon-main{padding:23px 15px 38px}.oon-member-hero{padding:24px 21px;border-radius:18px}.oon-member-hero h1{font-size:30px}.oon-member-hero p:not(.oon-eyebrow){font-size:14px;line-height:1.8}.oon-primary-grid,.oon-grid,.oon-view-whatsapp .oon-grid,.oon-two-columns,.oon-public-steps,.oon-example-grid{grid-template-columns:1fr}.oon-primary-grid{margin-bottom:29px;gap:13px}.oon-primary-grid .oon-card{padding:23px;min-height:128px}.oon-card--archive .oon-card__body strong,.oon-card--whatsapp .oon-card__body strong{font-size:23px}.oon-card--archive .oon-card__icon,.oon-card--whatsapp .oon-card__icon{display:grid;flex-basis:43px;width:43px;height:43px}.oon-portal .oon-card{gap:14px;padding:21px;border-radius:14px}.oon-card__body strong{font-size:17px}.oon-card__body>span{font-size:13px}.oon-card__icon{flex-basis:42px;width:42px;height:42px}.oon-card__arrow{width:16px;height:16px;flex-basis:16px}.oon-grid{gap:12px}.oon-heading-row h2{font-size:26px}.oon-announcement{padding:20px;gap:13px}.oon-announcement h2{font-size:17px}.oon-member-bottom{flex-direction:column;align-items:flex-start}.oon-member-bottom span{align-items:flex-start}.oon-member-bottom .oon-icon{margin-top:2px}.oon-guest-hero h1{font-size:42px}.oon-guest-hero__copy .oon-lead{font-size:16px}.oon-actions{gap:10px}.oon-portal .oon-btn{font-size:14px;padding:13px 16px}.oon-preview-top{padding:15px 20px}.oon-preview-body{padding:24px 22px}.oon-preview-body h2{font-size:27px}.oon-preview-row{padding:14px}.oon-public-steps>div{border-right:0;border-bottom:1px solid #e4e9eb;padding:23px}.oon-example-grid article{padding:26px}.oon-example-icon{margin-bottom:20px}.oon-public-examples{margin-bottom:40px}.oon-faq details{padding:17px 18px}.oon-faq summary{font-size:15px}.oon-bottom-cta{flex-direction:column;align-items:flex-start;padding:28px 25px;gap:25px}.oon-section-heading h1{font-size:32px}.oon-lead{font-size:16px}.oon-info-card{padding:24px}.oon-guide-steps article{padding:21px;gap:15px}.oon-guide-steps article>span{flex-basis:33px;height:33px;font-size:12px;border-radius:10px}.oon-guide-steps h2{font-size:18px}.oon-guide-steps p{font-size:14px}.oon-account-card{padding:5px 23px}.oon-account-card dl>div{grid-template-columns:1fr;gap:5px;padding:17px 0}.oon-archive-hint{flex-wrap:wrap;gap:12px;padding:18px}.oon-archive-hint p{flex-basis:80%;font-size:13px}.oon-archive-hint a{margin-left:36px}.oon-archive-host{padding:8px;border-radius:12px}.oon-gate{margin:7px 0;padding:30px 20px}.oon-gate h1{font-size:29px}.oon-gate .oon-actions .oon-btn{width:100%}.oon-gate h1 br{display:none}.oon-footer__inner{padding:25px 20px 17px;flex-direction:column;gap:18px}.oon-footer .oon-footer__bottom{padding:0 20px 24px}.oon-note{padding:22px}.oon-admin-strip>div{gap:8px 13px;font-size:11px;padding:10px 16px}.oon-admin-strip span{display:none}}
@media(prefers-reduced-motion:reduce){.oon-portal .oon-card,.oon-portal .oon-btn{transition:none}.oon-portal .oon-card:hover{transform:none}}
@media print{.oon-header,.oon-footer,.oon-admin-strip,.oon-actions{display:none}.oon-main{padding:0}.oon-portal-page{background:white}}

/* Compact social navigation, shared by visitor and member footers. */
.oon-footer .oon-social{margin-top:20px;text-align:left}
.oon-footer .oon-social__label{font-size:12px;line-height:1.5;margin:0 0 10px;color:#63766f;font-weight:600}
.oon-footer .oon-social__buttons{display:flex;flex-wrap:wrap;gap:8px}
.oon-footer a.oon-social__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:7px 12px;background:#fff;border:1px solid #dce5df;border-radius:13px;text-decoration:none;color:#183b38;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;box-shadow:0 3px 10px #173b3505;transition:background .18s,border-color .18s,box-shadow .18s}
.oon-footer .oon-social__icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:#f0f5f1;flex:none}
.oon-footer .oon-social__icon svg{width:17px;height:17px;display:block}
.oon-footer .oon-social__button--instagram .oon-social__icon{color:#ad3676;background:#fbf0f6}
.oon-footer .oon-social__button--x .oon-social__icon{color:#202626;background:#f1f3f2}
.oon-footer .oon-social__button--facebook .oon-social__icon{color:#0866dd;background:#eff5ff}
.oon-footer .oon-social__button--telegram .oon-social__icon{color:#187ba4;background:#edf8fc}
.oon-footer a.oon-social__button:hover{background:#f5f9f5;border-color:#a9c4b7;box-shadow:0 4px 14px #173b3510}
.oon-footer a.oon-social__button:focus-visible{outline:3px solid #267160;outline-offset:3px}
@media(max-width:480px){.oon-footer .oon-social__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:310px}.oon-footer a.oon-social__button{justify-content:flex-start;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.oon-footer a.oon-social__button{transition:none}}

/* v4.8.0-test7 — Modern tek CTA üyelik kartı */
.oon-upgrade-card{display:flex;align-items:center;gap:22px;max-width:860px;margin:34px auto;padding:28px 30px!important;border:1px solid #dce8e4;border-radius:22px;background:linear-gradient(135deg,#fbfcfa 0%,#f1f7f4 100%);box-shadow:0 14px 38px rgba(16,45,66,.08);text-align:left}
.oon-upgrade-card__icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:17px;background:#e4f2ec;font-size:25px}
.oon-upgrade-card__body{min-width:0}
.oon-upgrade-card__eyebrow{display:inline-block;margin-bottom:7px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.15em;color:#147466}
.oon-upgrade-card h2{margin:0 0 8px!important;font-size:clamp(24px,2.5vw,34px)!important;line-height:1.2;letter-spacing:-.025em;color:#0d3449}
.oon-upgrade-card p{margin:0 0 18px!important;max-width:650px;font-size:15px;line-height:1.65;color:#58717a}
.oon-upgrade-card__cta{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:13px;background:#0d3449;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:14px;box-shadow:0 8px 18px rgba(13,52,73,.14);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.oon-upgrade-card__cta:hover{background:#147466;color:#fff!important;transform:translateY(-1px);box-shadow:0 10px 22px rgba(13,52,73,.18)}
.oon-upgrade-card__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.oon-upgrade-card__cta--secondary{background:#fff;color:#0d3449!important;border:1px solid #cddbd7;box-shadow:none}
.oon-upgrade-card__cta--secondary:hover{background:#f5f9f7;color:#0d3449!important;box-shadow:none}
.oon-upgrade-card__cta--shopier{background:#147466}
.oon-upgrade-card__cta--shopier:hover{background:#0f665b}
.oon-upgrade-card small{display:block;margin-top:10px;color:#7a8f95;font-size:12px}
@media(max-width:600px){.oon-upgrade-card{align-items:flex-start;gap:14px;margin:20px 0;padding:22px 18px!important;border-radius:18px}.oon-upgrade-card__icon{flex-basis:46px;width:46px;height:46px;border-radius:14px;font-size:20px}.oon-upgrade-card h2{font-size:25px!important}.oon-upgrade-card p{font-size:14px}.oon-upgrade-card__actions{width:100%;display:grid}.oon-upgrade-card__cta{width:100%;justify-content:center}}

/* TEST34: use the existing gate button system, with wrapping on narrow screens. */
.oon-special-package-gate .oon-actions{display:flex;flex-wrap:wrap;gap:12px}
.oon-special-package-gate .oon-btn{box-sizing:border-box;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;justify-content:center;text-align:center}
.oon-special-package-gate .oon-btn--shopier{background:#147466;color:#fff;border:1px solid #147466}
.oon-special-package-gate .oon-btn--shopier:hover{background:#0f665b;color:#fff}
.oon-special-package-gate .oon-btn:focus-visible{outline:3px solid #147466;outline-offset:3px}
.oon-upgrade-card__cta{box-sizing:border-box;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.oon-special-package-gate .oon-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.oon-special-package-gate .oon-btn{width:100%}.oon-small-gate.oon-upgrade-card{flex-direction:column}.oon-small-gate .oon-upgrade-card__body{width:100%}}

/* TEST249 — Destek: tek bilgi kartı tam genişlik */
.oon-two-columns.oon-two-columns--tek{grid-template-columns:minmax(0,1fr)}