:root{
  --ofc-blog-ink:#062b3c;
  --ofc-blog-ink-2:#0a3b4b;
  --ofc-blog-text:#365b68;
  --ofc-blog-muted:#6b838c;
  --ofc-blog-ocean:#0a7b80;
  --ofc-blog-aqua:#49d5ce;
  --ofc-blog-aqua-2:#a8f0eb;
  --ofc-blog-aqua-soft:#e9f8f6;
  --ofc-blog-gold:#f4c45e;
  --ofc-blog-gold-2:#ffe6a3;
  --ofc-blog-gold-deep:#b98110;
  --ofc-blog-gold-soft:#fff6dc;
  --ofc-blog-paper:#fff;
  --ofc-blog-mist:#edf7f6;
  --ofc-blog-border:rgba(10,123,128,.19);
  --ofc-blog-border-strong:rgba(10,123,128,.40);
  --ofc-blog-shadow-sm:0 14px 30px rgba(3,48,66,.08);
  --ofc-blog-shadow-md:0 26px 60px rgba(3,48,66,.14),0 6px 16px rgba(3,48,66,.06);
  --ofc-blog-shadow-lg:0 44px 110px rgba(0,28,42,.28),0 12px 30px rgba(0,28,42,.16);
  --ofc-blog-shell:1280px;
  --ofc-blog-reading:830px;
  --ofc-blog-ease:cubic-bezier(.2,.8,.2,1);
}

/* Route containment and Astra first-paint repair.
   1.8.1: content-only ownership. Never target a bare .ast-container or .ast-row;
   Astra reuses those classes inside the global header and doing so widens the menu. */
html body.ofc-blog-system-active{background:#f4fafa;color:var(--ofc-blog-text)}
html body.ofc-blog-system-active #content,
html body.ofc-blog-system-active .site-content,
html body.ofc-blog-system-active #content>.ast-container,
html body.ofc-blog-system-active .site-content>.ast-container,
html body.ofc-blog-system-active #content .ast-row,
html body.ofc-blog-system-active #content .content-area,
html body.ofc-blog-system-active #content .site-main,
html body.ofc-blog-system-active #content #primary,
html body.ofc-blog-system-active #content .ast-separate-container #primary,
html body.ofc-blog-system-active #content .ast-separate-container .ast-article-single,
html body.ofc-blog-system-active #content .ast-article-single,
html body.ofc-blog-system-active #content .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
html body.ofc-blog-system-active #content>.ast-container,
html body.ofc-blog-system-active .site-content>.ast-container{display:block!important}
html body.ofc-blog-system-active .entry-header,
html body.ofc-blog-system-active .entry-title{display:none!important}
html body.ofc-blog-article-route .ofc-v113-contact{display:none!important}
html body.ofc-blog-article-route .ofc-v113-footer{border-top:0!important}
html body.ofc-blog-article-route .ofc-v113-grid{padding-top:34px}

.ofc-blog-main,.ofc-blog-main *{box-sizing:border-box}
.ofc-blog-main{position:relative;isolation:isolate;overflow-x:clip;color:var(--ofc-blog-text);font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ofc-blog-main img{display:block;max-width:100%;height:auto}
.ofc-blog-main a{color:var(--ofc-blog-ocean)}
.ofc-blog-shell{width:min(var(--ofc-blog-shell),calc(100% - 56px));margin-inline:auto}
.ofc-blog-narrow{width:min(860px,calc(100% - 48px));margin-inline:auto}
.ofc-blog-main :focus-visible{outline:3px solid var(--ofc-blog-gold);outline-offset:4px}
.ofc-blog-eyebrow,.ofc-blog-card-kicker,.ofc-blog-article-kicker{margin:0 0 10px;color:var(--ofc-blog-ocean);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.ofc-blog-card-kicker{letter-spacing:.13em}

/* Shared controls. */
.ofc-blog-button,.ofc-blog-ghost-button,.ofc-blog-secondary-button,.ofc-blog-search button,.ofc-blog-final-command{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:11px 20px;border-radius:14px;font:inherit;font-weight:950;text-align:center;text-decoration:none;cursor:pointer;transition:transform .2s var(--ofc-blog-ease),box-shadow .2s var(--ofc-blog-ease),background-color .2s ease,border-color .2s ease
}
.ofc-blog-button,.ofc-blog-search button{position:relative;overflow:hidden;border:1px solid rgba(156,109,0,.48);background:linear-gradient(180deg,#ffe989 0%,#ffc62e 58%,#eba900 100%);color:var(--ofc-blog-ink);box-shadow:0 15px 32px rgba(232,169,0,.28),inset 0 1px rgba(255,255,255,.82),inset 0 -2px rgba(112,73,0,.18)}
.ofc-blog-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.64) 47%,transparent 65%);transform:translateX(-135%)}
.ofc-blog-button:hover:before,.ofc-blog-button:focus-visible:before{animation:ofcBlogButtonSheen .9s var(--ofc-blog-ease)}
.ofc-blog-ghost-button{border:1px solid rgba(255,255,255,.31);background:rgba(255,255,255,.075);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.10)}
.ofc-blog-secondary-button{border:1px solid var(--ofc-blog-border-strong);background:#fff;color:var(--ofc-blog-ocean)}
.ofc-blog-button:hover,.ofc-blog-button:focus-visible,.ofc-blog-ghost-button:hover,.ofc-blog-ghost-button:focus-visible,.ofc-blog-secondary-button:hover,.ofc-blog-secondary-button:focus-visible,.ofc-blog-search button:hover,.ofc-blog-search button:focus-visible,.ofc-blog-final-command:hover,.ofc-blog-final-command:focus-visible{transform:translateY(-2px);box-shadow:0 18px 38px rgba(3,48,66,.18)}
.ofc-blog-text-link{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:13px;color:var(--ofc-blog-ocean);font-weight:950;text-decoration:none}
.ofc-blog-main .ofc-blog-button,.ofc-blog-main .ofc-blog-search button{color:var(--ofc-blog-ink)}
.ofc-blog-main .ofc-blog-ghost-button,.ofc-blog-main .ofc-blog-final-command{color:#fff}
.ofc-blog-main .ofc-blog-secondary-button{color:var(--ofc-blog-ocean)}

/* Reading progress. */
.ofc-blog-reading-progress{position:fixed;z-index:999999;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.12);pointer-events:none}
.ofc-blog-reading-progress span{display:block;width:0;height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--ofc-blog-aqua),#fff,var(--ofc-blog-gold));box-shadow:0 0 14px rgba(54,209,211,.45)}
body.admin-bar .ofc-blog-reading-progress{top:32px}

/* Cinematic article opening. */
.ofc-blog-cinematic-hero{position:relative;width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;background:radial-gradient(ellipse at 82% 10%,rgba(255,216,94,.24),transparent 31%),radial-gradient(ellipse at 8% 6%,rgba(54,209,211,.20),transparent 35%),linear-gradient(132deg,#022b40 0%,#043f53 42%,#075f69 100%);color:#fff}
.ofc-blog-cinematic-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 32%),radial-gradient(circle at 53% 48%,transparent 0 42%,rgba(0,22,33,.11) 76%,rgba(0,22,33,.30) 100%)}
.ofc-blog-hero-grid-art{position:absolute;inset:0;opacity:.26;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 83%)}
.ofc-blog-hero-topography{position:absolute;inset:auto 0 0;width:100%;height:67%;fill:none;stroke-width:1.5;pointer-events:none}
.ofc-blog-hero-topography path:nth-child(1){stroke:rgba(54,209,211,.26)}
.ofc-blog-hero-topography path:nth-child(2){stroke:rgba(255,198,46,.22)}
.ofc-blog-hero-topography path:nth-child(3){stroke:rgba(255,255,255,.11)}
.ofc-blog-cinematic-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.78fr);gap:clamp(48px,6vw,88px);align-items:center;padding-top:clamp(34px,4.5vw,64px);padding-bottom:clamp(42px,5vw,70px)}
.ofc-blog-hero-copy{min-width:0;max-width:720px}
.ofc-blog-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;color:rgba(7,56,79,.62);font-size:12px}
.ofc-blog-breadcrumbs a{color:inherit;text-decoration:none}
.ofc-blog-breadcrumbs-on-dark{color:rgba(255,255,255,.67)}
.ofc-blog-breadcrumbs-on-dark a:hover{color:#fff}
.ofc-blog-hero-issue-line{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:rgba(255,255,255,.68);font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ofc-blog-hero-issue-line span:first-child{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border:1px solid rgba(154,241,237,.30);border-radius:999px;background:rgba(0,25,36,.20);color:var(--ofc-blog-aqua-2)}
.ofc-blog-hero-issue-line span+span:before{content:"";display:inline-block;width:24px;height:1px;margin:0 10px 3px 0;background:linear-gradient(90deg,var(--ofc-blog-aqua),var(--ofc-blog-gold))}
.ofc-blog-article-kicker{margin-bottom:13px;color:var(--ofc-blog-gold)}
.ofc-blog-cinematic-hero h1{max-width:720px;margin:0;color:#fff;font-size:clamp(48px,5.25vw,72px);font-weight:950;line-height:.96;letter-spacing:-.052em;text-wrap:balance}
.ofc-blog-article-deck{max-width:690px;margin:21px 0 0;color:rgba(240,253,253,.87);font-size:clamp(17px,1.55vw,21px);line-height:1.52;text-wrap:pretty}
.ofc-blog-article-meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:22px;color:rgba(255,255,255,.71);font-size:12px;font-weight:760}
.ofc-blog-article-meta b{color:#fff;font-weight:950}
.ofc-blog-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}

.ofc-blog-mobile-portrait{display:none}
.ofc-blog-portrait-stage{position:relative;width:min(100%,480px);margin:0 auto}
.ofc-blog-portrait-frame{position:relative;padding:12px;border:1px solid rgba(255,255,255,.20);border-radius:42px 18px 42px 18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:var(--ofc-blog-shadow-lg);isolation:isolate}
.ofc-blog-portrait-frame:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,198,46,.52);border-radius:37px 14px 37px 14px;pointer-events:none;z-index:3}
.ofc-blog-portrait-frame>img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 27%;border-radius:31px 9px 31px 9px;background:#eaf7f7;filter:saturate(1.02) contrast(1.02)}
.ofc-blog-portrait-vignette{position:absolute;inset:12px;border-radius:31px 9px 31px 9px;box-shadow:inset 0 -100px 90px -70px rgba(0,31,45,.58),inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}
.ofc-blog-frame-corner{position:absolute;z-index:5;width:38px;height:38px;border-color:var(--ofc-blog-gold);pointer-events:none}
.ofc-blog-frame-corner--tl{top:-5px;left:-5px;border-top:2px solid;border-left:2px solid}
.ofc-blog-frame-corner--tr{top:-5px;right:-5px;border-top:2px solid;border-right:2px solid}
.ofc-blog-frame-corner--bl{bottom:-5px;left:-5px;border-bottom:2px solid;border-left:2px solid}
.ofc-blog-frame-corner--br{bottom:-5px;right:-5px;border-bottom:2px solid;border-right:2px solid}
.ofc-blog-portrait-frame figcaption{position:absolute;z-index:4;left:28px;right:28px;bottom:28px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:linear-gradient(115deg,rgba(2,42,58,.91),rgba(5,101,108,.84));box-shadow:0 18px 34px rgba(0,22,34,.27);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ofc-blog-owner-seal{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,var(--ofc-blog-aqua),#078391);color:#fff;font-size:10px;font-weight:950;letter-spacing:.04em;box-shadow:inset 0 1px rgba(255,255,255,.38)}
.ofc-blog-portrait-frame figcaption span:last-child{display:grid;gap:2px}
.ofc-blog-portrait-frame figcaption b{color:#fff;font-size:13px;line-height:1.2}
.ofc-blog-portrait-frame figcaption small{color:rgba(255,255,255,.67);font-size:10.5px}
.ofc-blog-continuity-line{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 7px 0}
.ofc-blog-continuity-line:before{content:"";position:absolute;left:9%;right:9%;top:16px;height:1px;background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.28),var(--ofc-blog-gold))}
.ofc-blog-continuity-line>span{position:relative;z-index:1;display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:center;min-width:0;color:#fff;font-size:10.5px;line-height:1.15}
.ofc-blog-continuity-line i{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#063e52;color:var(--ofc-blog-gold);font-style:normal;font-size:9px;font-weight:950;box-shadow:0 0 0 5px rgba(4,64,82,.72)}

.ofc-blog-answer-bridge{position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(2,35,50,.52),rgba(2,35,50,.90));box-shadow:0 -22px 46px rgba(0,26,39,.16)}
.ofc-blog-answer-bridge-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,64px);align-items:center;padding-top:27px;padding-bottom:29px}
.ofc-blog-answer-statement .ofc-blog-eyebrow{color:var(--ofc-blog-aqua-2)}
.ofc-blog-answer-statement h2{max-width:430px;margin:0;color:#fff;font-size:clamp(27px,2.8vw,40px);font-weight:950;line-height:1.03;letter-spacing:-.04em;text-wrap:balance}
.ofc-blog-answer-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ofc-blog-answer-points li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.055)}
.ofc-blog-answer-points>li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(54,209,211,.13);color:var(--ofc-blog-gold);font-size:9px;font-weight:950}
.ofc-blog-answer-points li div{display:grid;gap:3px}
.ofc-blog-answer-points b{color:#fff;font-size:12px;line-height:1.2}
.ofc-blog-answer-points small{color:rgba(255,255,255,.65);font-size:10.5px;line-height:1.36}

/* Editorial article stage. */
.ofc-blog-article-stage{position:relative;padding:clamp(54px,6vw,84px) 0 0;background:radial-gradient(circle at 90% 8%,rgba(54,209,211,.08),transparent 25%),linear-gradient(180deg,#f4fbfb 0%,#edf7f7 67%,#f8fcfc 100%)}
.ofc-blog-article-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(4,47,67,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(4,47,67,.021) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}
.ofc-blog-article-layout{position:relative;z-index:1;display:grid;grid-template-columns:210px minmax(0,var(--ofc-blog-reading));gap:clamp(35px,5vw,66px);justify-content:center;align-items:start}
.ofc-blog-guide-rail{position:relative;min-width:0}
.ofc-blog-guide-rail-inner{position:sticky;top:105px;padding-top:14px}
.ofc-blog-guide-rail nav{position:relative;display:grid;gap:2px;padding-left:18px}
.ofc-blog-guide-rail nav:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--ofc-blog-aqua),rgba(8,125,140,.16),var(--ofc-blog-gold))}
.ofc-blog-guide-rail a{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:start;padding:9px 8px;border-radius:10px;color:#66818b;font-size:11.5px;font-weight:850;line-height:1.28;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}
.ofc-blog-guide-rail a span{display:grid;place-items:center;width:27px;height:27px;margin-left:-28px;border:1px solid var(--ofc-blog-border);border-radius:9px;background:#f4fbfb;color:var(--ofc-blog-ocean);font-size:9px;font-weight:950;box-shadow:0 0 0 5px #f0f9f9}
.ofc-blog-guide-rail a:hover,.ofc-blog-guide-rail a.is-active{background:rgba(255,255,255,.78);color:var(--ofc-blog-ink);transform:translateX(3px)}
.ofc-blog-guide-rail a.is-active span{border-color:var(--ofc-blog-gold-deep);background:var(--ofc-blog-ink);color:var(--ofc-blog-gold)}
.ofc-blog-guide-progress{height:3px;margin:20px 8px 0 18px;overflow:hidden;border-radius:999px;background:rgba(8,125,140,.10)}
.ofc-blog-guide-progress span{display:block;width:34%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ofc-blog-aqua),var(--ofc-blog-gold))}
.ofc-blog-mobile-toc{display:none;margin-bottom:18px;border:1px solid var(--ofc-blog-border);border-radius:18px;background:#fff;box-shadow:var(--ofc-blog-shadow-sm)}
.ofc-blog-mobile-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:13px 17px;color:var(--ofc-blog-ink);font-weight:950;cursor:pointer;list-style:none}
.ofc-blog-mobile-toc summary::-webkit-details-marker{display:none}
.ofc-blog-mobile-toc[open] summary>i{transform:rotate(45deg)}
.ofc-blog-mobile-toc nav{display:grid;gap:3px;padding:0 12px 14px}
.ofc-blog-mobile-toc nav a{padding:9px 10px;border-radius:9px;color:var(--ofc-blog-text);font-size:13px;font-weight:850;text-decoration:none}
.ofc-blog-mobile-toc nav a.is-active{background:var(--ofc-blog-mist);color:var(--ofc-blog-ink)}
.ofc-blog-reading-column{min-width:0;scroll-margin-top:110px}
.ofc-blog-editorial-sheet{position:relative;overflow:hidden;padding:clamp(42px,5vw,66px) clamp(28px,5.4vw,70px) 0;border:1px solid rgba(8,125,140,.18);border-radius:34px 34px 0 0;background:linear-gradient(90deg,rgba(4,47,67,.025) 1px,transparent 1px),#fff;background-size:42px 100%;box-shadow:0 32px 78px rgba(3,48,66,.13),inset 0 1px rgba(255,255,255,.96)}
.ofc-blog-editorial-sheet:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.2),var(--ofc-blog-gold))}
.ofc-blog-sheet-index{position:absolute;right:24px;top:18px;color:rgba(4,47,67,.34);font-size:9px;font-weight:950;letter-spacing:.15em}
.ofc-blog-article-content{min-width:0;overflow-wrap:anywhere;color:#2f5665;font-size:18px;line-height:1.78;counter-reset:ofc-blog-section}
.ofc-blog-article-content p{margin:0 0 1.25em;text-wrap:pretty}
.ofc-blog-article-content a{color:#007c91;font-weight:900;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:rgba(0,124,145,.34)}
.ofc-blog-article-content a:hover{color:var(--ofc-blog-ink);text-decoration-color:var(--ofc-blog-gold-deep)}
.ofc-blog-story-intro{position:relative;margin:0 0 clamp(48px,6vw,72px);padding:0 0 clamp(38px,4vw,50px);border-bottom:1px solid var(--ofc-blog-border)}
.ofc-blog-story-intro:before{content:"";position:absolute;left:0;bottom:-1px;width:110px;height:2px;background:linear-gradient(90deg,var(--ofc-blog-aqua),var(--ofc-blog-gold))}
.ofc-blog-opening-copy{max-width:680px;margin-bottom:1.08em!important;color:var(--ofc-blog-ink);font-size:clamp(23px,2.3vw,31px);font-weight:860;line-height:1.38;letter-spacing:-.025em}
.ofc-blog-story-section{position:relative;margin:0 0 clamp(56px,7vw,82px)}
.ofc-blog-story-section>*:first-child{margin-top:0}
.ofc-blog-story-section>*:last-child{margin-bottom:0}
.ofc-blog-article-content h2{display:grid;grid-template-columns:47px minmax(0,1fr);gap:14px;align-items:start;margin:0 0 .8em;color:var(--ofc-blog-ink);font-size:clamp(31px,3.1vw,42px);font-weight:950;line-height:1.08;letter-spacing:-.04em;scroll-margin-top:112px;text-wrap:balance;counter-increment:ofc-blog-section}
.ofc-blog-article-content h2:before{content:counter(ofc-blog-section,decimal-leading-zero);display:grid;place-items:center;width:44px;height:44px;margin-top:1px;border:1px solid var(--ofc-blog-border-strong);border-radius:13px 5px 13px 5px;background:linear-gradient(145deg,#fff,var(--ofc-blog-mist));color:var(--ofc-blog-ocean);font-size:10px;font-weight:950;letter-spacing:.06em;box-shadow:0 7px 15px rgba(3,48,66,.06)}
.ofc-blog-article-content h3,.ofc-blog-article-content h4{color:var(--ofc-blog-ink);font-weight:950;line-height:1.18;letter-spacing:-.025em}

/* Purpose-built editorial modules. */
.ofc-blog-consistency-compass{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1.55em 0 1.65em;padding-top:104px}
.ofc-blog-consistency-compass:before{content:"";position:absolute;left:8%;right:8%;top:67px;height:1px;background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(8,125,140,.20),var(--ofc-blog-gold))}
.ofc-blog-compass-core{position:absolute;left:50%;top:0;display:grid;place-items:center;width:120px;height:120px;transform:translateX(-50%);border:1px solid rgba(255,198,46,.45);border-radius:50%;background:radial-gradient(circle,#fff 0 34%,#e9f9f8 35% 52%,rgba(54,209,211,.12) 53% 62%,transparent 63%);box-shadow:0 18px 36px rgba(3,48,66,.11)}
.ofc-blog-compass-core:before,.ofc-blog-compass-core:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(8,125,140,.29)}
.ofc-blog-compass-core:before{inset:13px}.ofc-blog-compass-core:after{inset:27px}
.ofc-blog-compass-core span{position:relative;z-index:1;width:70px;color:var(--ofc-blog-ink);font-size:11px;font-weight:950;line-height:1.15;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.ofc-blog-compass-item{position:relative;display:grid;gap:7px;min-width:0;padding:21px 18px 19px;border:1px solid var(--ofc-blog-border);border-radius:20px;background:linear-gradient(145deg,#fff,#f5fbfb);box-shadow:0 13px 28px rgba(3,48,66,.06)}
.ofc-blog-compass-item>span{position:absolute;left:16px;top:-17px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ofc-blog-ink);color:var(--ofc-blog-gold);font-size:9px;font-weight:950;box-shadow:0 0 0 6px #fff}
.ofc-blog-compass-item strong{color:var(--ofc-blog-ink);font-size:18px}
.ofc-blog-compass-item p{margin:0!important;font-size:13.5px;line-height:1.52}

.ofc-blog-benefit-ledger{display:grid;gap:0;margin:1.45em 0 1.55em;padding:0;border-top:1px solid var(--ofc-blog-border);list-style:none}
.ofc-blog-benefit-ledger li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;margin:0!important;padding:20px 3px;border-bottom:1px solid var(--ofc-blog-border)}
.ofc-blog-benefit-ledger>li>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--ofc-blog-border-strong);border-radius:13px;background:var(--ofc-blog-mist);color:var(--ofc-blog-ocean);font-size:10px;font-weight:950}
.ofc-blog-benefit-ledger strong{color:var(--ofc-blog-ink);font-size:17px}
.ofc-blog-benefit-ledger p{margin:4px 0 0!important;font-size:14px;line-height:1.52}

.ofc-blog-comparison-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:0;align-items:stretch;margin:1.55em 0 1.65em;padding:13px;border:1px solid var(--ofc-blog-border);border-radius:27px;background:linear-gradient(145deg,#f8fdfd,#edf9f8);box-shadow:var(--ofc-blog-shadow-sm)}
.ofc-blog-comparison-panel{padding:25px 23px;border-radius:18px}
.ofc-blog-comparison-panel--familiar{background:#fff}
.ofc-blog-comparison-panel--team{background:radial-gradient(circle at 95% 5%,rgba(255,198,46,.21),transparent 29%),linear-gradient(145deg,#043247,#07616a);color:#fff}
.ofc-blog-choice-label{margin:0 0 14px!important;color:var(--ofc-blog-ink);font-size:18px;font-weight:950;line-height:1.25}
.ofc-blog-comparison-panel--team .ofc-blog-choice-label{color:#fff}
.ofc-blog-comparison-panel ul{display:grid;gap:10px;margin:0!important;padding:0!important;list-style:none}
.ofc-blog-comparison-panel li{position:relative;margin:0!important;padding-left:24px;font-size:13.5px;line-height:1.5}
.ofc-blog-comparison-panel li:before{content:"✓";position:absolute;left:0;color:var(--ofc-blog-ocean);font-weight:950}
.ofc-blog-comparison-panel--team li{color:rgba(255,255,255,.82)}
.ofc-blog-comparison-panel--team li:before{color:var(--ofc-blog-gold)}
.ofc-blog-comparison-axis{display:grid;place-items:center}
.ofc-blog-comparison-axis:before{content:"";position:absolute;width:1px;height:70%;background:linear-gradient(var(--ofc-blog-aqua),var(--ofc-blog-gold))}
.ofc-blog-comparison-axis span{position:relative;z-index:1;writing-mode:vertical-rl;transform:rotate(180deg);padding:9px 6px;border:1px solid var(--ofc-blog-border);border-radius:999px;background:#fff;color:var(--ofc-blog-ocean);font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}

.ofc-blog-quality-path{position:relative;display:grid;gap:0;margin:1.55em 0 1.65em;padding:0;list-style:none;counter-reset:none}
.ofc-blog-quality-path:before{content:"";position:absolute;left:23px;top:29px;bottom:29px;width:2px;background:linear-gradient(var(--ofc-blog-aqua),rgba(8,125,140,.18),var(--ofc-blog-gold))}
.ofc-blog-quality-path li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;margin:0!important;padding:0 0 24px}
.ofc-blog-quality-path li:last-child{padding-bottom:0}
.ofc-blog-quality-path>li>span{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ofc-blog-border-strong);border-radius:15px;background:#fff;color:var(--ofc-blog-ocean);font-size:10px;font-weight:950;box-shadow:0 0 0 7px #fff}
.ofc-blog-quality-path li div{padding:13px 17px 15px;border:1px solid var(--ofc-blog-border);border-radius:16px;background:linear-gradient(145deg,#fff,#f6fbfb)}
.ofc-blog-quality-path strong{color:var(--ofc-blog-ink);font-size:16px}
.ofc-blog-quality-path p{margin:4px 0 0!important;font-size:13.5px;line-height:1.5}

.ofc-blog-question-accordion{display:grid;gap:10px;margin-top:1.3em}
.ofc-blog-question-accordion details{overflow:hidden;border:1px solid var(--ofc-blog-border);border-radius:17px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.ofc-blog-question-accordion details[open]{border-color:var(--ofc-blog-border-strong);box-shadow:0 12px 25px rgba(3,48,66,.07)}
.ofc-blog-question-accordion summary{position:relative;display:grid;grid-template-columns:37px minmax(0,1fr);gap:12px;align-items:center;min-height:66px;padding:13px 50px 13px 17px;color:var(--ofc-blog-ink);font-size:15.5px;font-weight:950;line-height:1.3;cursor:pointer;list-style:none}
.ofc-blog-question-accordion summary::-webkit-details-marker{display:none}
.ofc-blog-question-accordion summary:after{content:"+";position:absolute;right:18px;color:var(--ofc-blog-ocean);font-size:22px;font-weight:800}
.ofc-blog-question-accordion details[open] summary:after{content:"−"}
.ofc-blog-question-accordion summary span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ofc-blog-ink);color:var(--ofc-blog-gold);font-size:9px}
.ofc-blog-question-accordion details p{margin:0!important;padding:0 58px 18px 66px;color:var(--ofc-blog-text);font-size:14px;line-height:1.55}

.ofc-blog-owner-model{padding:clamp(30px,4vw,44px);border:1px solid rgba(255,255,255,.13);border-radius:27px;background:radial-gradient(circle at 94% 8%,rgba(255,198,46,.18),transparent 30%),linear-gradient(145deg,#033247,#07616a);color:#fff;box-shadow:var(--ofc-blog-shadow-md)}
.ofc-blog-owner-model h2,.ofc-blog-owner-model h2:before{color:#fff}
.ofc-blog-owner-model h2:before{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08)}
.ofc-blog-owner-model>p{color:rgba(255,255,255,.80)}
.ofc-blog-owner-model a{color:var(--ofc-blog-gold-2);text-decoration-color:rgba(255,226,122,.45)}
.ofc-blog-owner-system{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:1.5em 0}
.ofc-blog-owner-system>div{display:grid;gap:7px;padding:19px 17px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.065)}
.ofc-blog-owner-system span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(54,209,211,.13);color:var(--ofc-blog-gold);font-size:9px;font-weight:950}
.ofc-blog-owner-system strong{color:#fff;font-size:16px}
.ofc-blog-owner-system p{margin:0!important;color:rgba(255,255,255,.70);font-size:13px;line-height:1.5}
.ofc-blog-oahu-field-note{position:relative;margin:1.45em 0 1.5em;padding:22px 24px 21px 28px;overflow:hidden;border:1px solid rgba(154,241,237,.26);border-radius:19px;background:rgba(0,29,42,.20)}
.ofc-blog-oahu-field-note:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(var(--ofc-blog-aqua),var(--ofc-blog-gold))}
.ofc-blog-oahu-field-note .ofc-blog-card-kicker{color:var(--ofc-blog-aqua-2)}
.ofc-blog-oahu-field-note p:last-child{margin:0!important;color:rgba(255,255,255,.80)}

.ofc-blog-bottom-line{margin-bottom:0;padding:clamp(28px,4vw,42px);border:1px solid rgba(217,156,0,.30);border-radius:24px;background:radial-gradient(circle at 96% 4%,rgba(255,198,46,.15),transparent 30%),linear-gradient(145deg,#fffef8,#fff8df)}
.ofc-blog-bottom-line>p:first-of-type{color:var(--ofc-blog-ink);font-size:clamp(20px,2vw,24px);line-height:1.48}

.ofc-blog-owner-signoff{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;margin:clamp(44px,5vw,62px) calc(clamp(28px,5.4vw,70px) * -1) 0;padding:24px clamp(28px,5.4vw,70px);border-top:1px solid var(--ofc-blog-border);background:linear-gradient(145deg,#f8fdfd,#edf9f8)}
.ofc-blog-signoff-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:16px 6px 16px 6px;background:linear-gradient(145deg,var(--ofc-blog-ink),var(--ofc-blog-ocean));color:var(--ofc-blog-gold);font-size:10px;font-weight:950;letter-spacing:.05em;box-shadow:0 10px 20px rgba(3,48,66,.14)}
.ofc-blog-owner-signoff div:nth-child(2){display:grid;gap:2px}
.ofc-blog-owner-signoff p{margin:0!important;color:var(--ofc-blog-ocean);font-size:9.5px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.ofc-blog-owner-signoff strong{color:var(--ofc-blog-ink);font-size:17px;line-height:1.2}
.ofc-blog-owner-signoff span{font-size:12.5px;line-height:1.45}
.ofc-blog-owner-signoff a{font-size:13px;font-weight:950;text-decoration:none;white-space:nowrap}

.ofc-blog-resource-rail{display:grid;grid-template-columns:minmax(220px,.95fr) repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 clamp(58px,7vw,82px);padding:12px;border:1px solid var(--ofc-blog-border);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:var(--ofc-blog-shadow-sm)}
.ofc-blog-resource-rail>div{padding:18px}
.ofc-blog-resource-rail h2{margin:0;color:var(--ofc-blog-ink);font-size:23px;font-weight:950;line-height:1.1;letter-spacing:-.03em}
.ofc-blog-resource-rail>a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 10px;align-content:center;min-width:0;padding:16px;border:1px solid transparent;border-radius:16px;background:#f3fafa;color:var(--ofc-blog-ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.ofc-blog-resource-rail>a:hover,.ofc-blog-resource-rail>a:focus-visible{transform:translateY(-2px);border-color:var(--ofc-blog-border-strong);background:#fff}
.ofc-blog-resource-rail>a>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ofc-blog-ink);color:var(--ofc-blog-gold);font-size:9px;font-weight:950}
.ofc-blog-resource-rail b{font-size:13.5px;line-height:1.2}
.ofc-blog-resource-rail small{color:var(--ofc-blog-muted);font-size:10.5px;line-height:1.35}
.ofc-blog-page-links{display:flex;gap:8px;margin-top:30px}

/* Deliberate final conversion and footer handoff. */
.ofc-blog-final-horizon{position:relative;width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;background:radial-gradient(circle at 84% 9%,rgba(255,198,46,.22),transparent 28%),linear-gradient(135deg,#022f43,#064f61 58%,#087982);color:#fff}
.ofc-blog-final-horizon:before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.ofc-blog-final-contours{position:absolute;inset:auto 0 0;width:100%;height:80%;fill:none;stroke-width:2;pointer-events:none}
.ofc-blog-final-contours path:first-child{stroke:rgba(54,209,211,.22)}
.ofc-blog-final-contours path:last-child{stroke:rgba(255,198,46,.18)}
.ofc-blog-final-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(38px,6vw,84px);align-items:center;padding-top:clamp(48px,6vw,76px);padding-bottom:clamp(48px,6vw,72px)}
.ofc-blog-final-grid .ofc-blog-card-kicker{color:var(--ofc-blog-gold)}
.ofc-blog-final-grid h2{max-width:730px;margin:0;color:#fff;font-size:clamp(36px,4.4vw,58px);font-weight:950;line-height:.98;letter-spacing:-.048em;text-wrap:balance}
.ofc-blog-final-grid p:not(.ofc-blog-card-kicker){max-width:680px;margin:17px 0 0;color:rgba(255,255,255,.75);font-size:15px;line-height:1.56}
.ofc-blog-final-actions{display:grid;gap:10px;min-width:300px}
.ofc-blog-final-actions>a{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:13px;justify-content:stretch;min-height:64px;padding:9px 10px 9px 18px;text-align:left}
.ofc-blog-final-actions>a>span{display:grid;gap:2px}
.ofc-blog-final-actions small{font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;opacity:.70}
.ofc-blog-final-actions b{font-size:14px}
.ofc-blog-final-actions i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(4,47,67,.12);font-style:normal;font-size:18px}
.ofc-blog-final-command{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff}
.ofc-blog-final-command i{background:rgba(255,255,255,.09)}
.ofc-blog-footer-handoff{position:relative;z-index:2;height:17px;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#062f43,#074f66 62%,#087e91)}
.ofc-blog-footer-handoff:before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:linear-gradient(90deg,transparent,var(--ofc-blog-aqua),#fff,var(--ofc-blog-gold),transparent);opacity:.75}
.ofc-blog-footer-handoff span{position:absolute;left:10%;top:4px;width:9px;height:9px;border-radius:50%;background:var(--ofc-blog-aqua);box-shadow:0 0 0 5px rgba(54,209,211,.10),0 0 16px rgba(54,209,211,.45)}
.ofc-blog-footer-handoff i{position:absolute;left:50%;top:4px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.08),0 0 16px rgba(255,255,255,.35)}
.ofc-blog-footer-handoff b{position:absolute;right:10%;top:4px;width:9px;height:9px;border-radius:50%;background:var(--ofc-blog-gold);box-shadow:0 0 0 5px rgba(255,198,46,.10),0 0 16px rgba(255,198,46,.45)}

/* Related and archive. */
.ofc-blog-related{padding:72px 0 88px;border-top:1px solid var(--ofc-blog-border);background:#eaf7f7}
.ofc-blog-section-heading{margin-bottom:25px}
.ofc-blog-section-heading h2{margin:0;color:var(--ofc-blog-ink);font-size:clamp(31px,4vw,46px);font-weight:950;line-height:1.05;letter-spacing:-.035em}
.ofc-blog-hero{position:relative;padding:clamp(70px,8vw,108px) 0 66px;overflow:hidden;border-bottom:1px solid var(--ofc-blog-border);background:radial-gradient(circle at 88% 16%,rgba(255,198,46,.22),transparent 28%),radial-gradient(circle at 8% 12%,rgba(57,209,210,.18),transparent 32%),linear-gradient(145deg,#f8fefe,#eaf8f8 62%,#fff9e7)}
.ofc-blog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:clamp(30px,6vw,78px);align-items:end}
.ofc-blog-hero h1{margin:0;color:var(--ofc-blog-ink);font-size:clamp(43px,7vw,76px);font-weight:950;line-height:.98;letter-spacing:-.046em;text-wrap:balance}
.ofc-blog-lede{max-width:730px;margin:22px 0 0;color:rgba(4,47,67,.76);font-size:clamp(18px,2.2vw,23px);line-height:1.5}
.ofc-blog-trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.ofc-blog-trust-row span{display:inline-flex;align-items:center;min-height:35px;padding:7px 12px;border:1px solid var(--ofc-blog-border);border-radius:999px;background:rgba(255,255,255,.76);color:var(--ofc-blog-ink);font-size:12px;font-weight:900}
.ofc-blog-search{padding:22px;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:var(--ofc-blog-shadow-md)}
.ofc-blog-search label{display:block;margin-bottom:9px;color:var(--ofc-blog-ink);font-weight:950}
.ofc-blog-search>div{display:flex;gap:8px}
.ofc-blog-search input{width:100%;min-width:0;min-height:52px;padding:10px 13px;border:1px solid var(--ofc-blog-border);border-radius:13px;background:#fff;color:var(--ofc-blog-ink);font:inherit}
.ofc-blog-content-shell{padding:36px 0 90px}
.ofc-blog-topic-nav{display:flex;gap:9px;overflow:auto;padding:3px 2px 18px;scrollbar-width:thin}
.ofc-blog-topic-nav a{display:inline-flex;align-items:center;flex:0 0 auto;min-height:42px;padding:8px 14px;border:1px solid var(--ofc-blog-border);border-radius:999px;background:#fff;color:var(--ofc-blog-ink);font-size:13px;font-weight:900;text-decoration:none}
.ofc-blog-topic-nav a.is-current{border-color:var(--ofc-blog-ink);background:var(--ofc-blog-ink);color:#fff}
.ofc-blog-featured{display:grid;grid-template-columns:1.12fr .88fr;margin:18px 0 40px;overflow:hidden;border:1px solid var(--ofc-blog-border);border-radius:30px;background:#fff;box-shadow:var(--ofc-blog-shadow-lg)}
.ofc-blog-featured-media,.ofc-blog-card-media{display:block;overflow:hidden;background:linear-gradient(145deg,var(--ofc-blog-mist),#fffaf0)}
.ofc-blog-featured-media{min-height:430px}
.ofc-blog-featured-media img,.ofc-blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ofc-blog-ease)}
.ofc-blog-featured:hover img,.ofc-blog-card:hover img{transform:scale(1.025)}
.ofc-blog-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,60px)}
.ofc-blog-featured-copy h2,.ofc-blog-card h2{margin:0;color:var(--ofc-blog-ink);font-weight:950;line-height:1.1;letter-spacing:-.026em}
.ofc-blog-featured-copy h2{font-size:clamp(30px,4vw,47px)}
.ofc-blog-featured-copy h2 a,.ofc-blog-card h2 a{color:inherit;text-decoration:none}
.ofc-blog-featured-copy>p:not(.ofc-blog-card-kicker){font-size:17px}
.ofc-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ofc-blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--ofc-blog-border);border-radius:23px;background:#fff;box-shadow:var(--ofc-blog-shadow-sm);transition:transform .24s var(--ofc-blog-ease),box-shadow .24s var(--ofc-blog-ease)}
.ofc-blog-card:hover{transform:translateY(-4px);box-shadow:var(--ofc-blog-shadow-md)}
.ofc-blog-card-media{aspect-ratio:3/2}
.ofc-blog-image-fallback{display:block;width:100%;height:100%;min-height:220px;background:radial-gradient(circle at 78% 20%,rgba(255,198,46,.3),transparent 26%),linear-gradient(145deg,#dff7f6,#fff6d7)}
.ofc-blog-card-body{display:flex;flex:1;flex-direction:column;padding:23px}
.ofc-blog-card h2{font-size:24px}
.ofc-blog-card-body>p:not(.ofc-blog-card-kicker){margin:13px 0 18px}
.ofc-blog-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto;color:rgba(4,47,67,.60);font-size:12px;font-weight:800}
.ofc-blog-results-note{display:flex;gap:12px;justify-content:space-between;margin:12px 0 20px;padding:14px 16px;border-radius:14px;background:var(--ofc-blog-mist);color:var(--ofc-blog-ink)}
.ofc-blog-pagination{margin-top:42px}
.ofc-blog-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.ofc-blog-pagination a,.ofc-blog-pagination span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--ofc-blog-border);border-radius:12px;background:#fff;text-decoration:none;font-weight:900}
.ofc-blog-pagination .current{background:var(--ofc-blog-ink);color:#fff}
.ofc-blog-empty{text-align:center;padding:64px 22px;border:1px dashed var(--ofc-blog-border);border-radius:22px;background:#fff}

/* Motion. */
[data-ofc-reveal]{opacity:1;transform:none}
.ofc-blog-motion-ready [data-ofc-reveal]{opacity:.01;transform:translateY(16px)}
.ofc-blog-motion-ready [data-ofc-reveal].is-visible{animation:ofcBlogReveal .68s var(--ofc-blog-ease) var(--ofc-delay,0s) both}
@keyframes ofcBlogReveal{from{opacity:.01;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes ofcBlogButtonSheen{from{transform:translateX(-135%)}to{transform:translateX(135%)}}

@media(max-width:1180px){
  .ofc-blog-article-layout{grid-template-columns:minmax(0,850px);max-width:900px}
  .ofc-blog-guide-rail{display:none}
  .ofc-blog-mobile-toc{position:relative;z-index:2;display:block}
  .ofc-blog-resource-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ofc-blog-resource-rail>div{grid-column:1/-1;padding-bottom:6px}
}
@media(max-width:980px){
  .ofc-blog-cinematic-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:38px}
  .ofc-blog-cinematic-hero h1{font-size:clamp(43px,6vw,60px)}
  .ofc-blog-answer-bridge-grid{grid-template-columns:1fr;gap:18px}
  .ofc-blog-answer-points{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ofc-blog-final-grid{grid-template-columns:1fr}
  .ofc-blog-final-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
  .ofc-blog-owner-signoff{grid-template-columns:52px minmax(0,1fr)}
  .ofc-blog-owner-signoff>a{grid-column:2}
}
@media(max-width:820px){
  .ofc-blog-cinematic-grid{grid-template-columns:1fr;gap:38px;padding-top:32px}
  .ofc-blog-hero-copy{max-width:760px}
  .ofc-blog-portrait-stage{width:min(100%,450px)}
  .ofc-blog-answer-points{grid-template-columns:1fr}
  .ofc-blog-consistency-compass{grid-template-columns:1fr;padding-top:112px}
  .ofc-blog-consistency-compass:before{display:none}
  .ofc-blog-compass-item{padding-left:23px}
  .ofc-blog-comparison-stage{grid-template-columns:1fr;gap:9px}
  .ofc-blog-comparison-axis{height:42px}
  .ofc-blog-comparison-axis:before{width:70%;height:1px}
  .ofc-blog-comparison-axis span{writing-mode:horizontal-tb;transform:none}
  .ofc-blog-owner-system{grid-template-columns:1fr}
  .ofc-blog-resource-rail{grid-template-columns:1fr}
  .ofc-blog-resource-rail>div{grid-column:auto}
  .ofc-blog-hero-grid{grid-template-columns:1fr}
  .ofc-blog-search{max-width:620px}
  .ofc-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ofc-blog-featured{grid-template-columns:1fr}
  .ofc-blog-featured-media{min-height:340px}
}
@media(max-width:782px){body.admin-bar .ofc-blog-reading-progress{top:46px}}
@media(max-width:700px){
  .ofc-blog-shell,.ofc-blog-narrow{width:min(100% - 28px,var(--ofc-blog-shell))}
  .ofc-blog-cinematic-grid{padding-top:24px;padding-bottom:42px}
  .ofc-blog-breadcrumbs{margin-bottom:14px;font-size:11.5px}
  .ofc-blog-hero-issue-line{margin-bottom:15px}
  .ofc-blog-cinematic-hero h1{font-size:clamp(39px,11vw,50px);line-height:.99}
  .ofc-blog-mobile-portrait{position:relative;display:block;margin:22px 0 19px;padding:7px;border:1px solid rgba(255,255,255,.25);border-radius:25px 8px 25px 8px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));box-shadow:0 24px 54px rgba(0,24,36,.30);isolation:isolate}
  .ofc-blog-mobile-portrait:before,.ofc-blog-mobile-portrait:after{content:"";position:absolute;z-index:3;width:35px;height:35px;pointer-events:none}
  .ofc-blog-mobile-portrait:before{left:-5px;top:-5px;border-left:2px solid var(--ofc-blog-gold);border-top:2px solid var(--ofc-blog-gold)}
  .ofc-blog-mobile-portrait:after{right:-5px;bottom:-5px;border-right:2px solid var(--ofc-blog-aqua);border-bottom:2px solid var(--ofc-blog-aqua)}
  .ofc-blog-mobile-portrait img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 28%;border-radius:19px 4px 19px 4px}
  .ofc-blog-mobile-portrait figcaption{position:absolute;z-index:2;left:17px;right:17px;bottom:15px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(2,42,58,.88);color:#fff;box-shadow:0 12px 25px rgba(0,22,34,.25);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
  .ofc-blog-mobile-portrait figcaption span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,var(--ofc-blog-aqua),var(--ofc-blog-ocean));color:#fff;font-size:8px;font-weight:950}
  .ofc-blog-mobile-portrait figcaption b{font-size:12px;line-height:1.2}
  .ofc-blog-article-deck{font-size:17px}
  .ofc-blog-article-meta{display:grid;gap:5px}
  .ofc-blog-hero-actions{display:grid}
  .ofc-blog-hero-actions a{width:100%}
  .ofc-blog-portrait-stage{display:none}
  .ofc-blog-portrait-frame{padding:9px;border-radius:31px 14px 31px 14px}
  .ofc-blog-portrait-frame:before{inset:4px;border-radius:27px 10px 27px 10px}
  .ofc-blog-portrait-frame>img,.ofc-blog-portrait-vignette{border-radius:23px 7px 23px 7px}
  .ofc-blog-portrait-vignette{inset:9px}
  .ofc-blog-portrait-frame figcaption{left:20px;right:20px;bottom:20px}
  .ofc-blog-continuity-line{grid-template-columns:1fr;gap:10px;margin-inline:14px}
  .ofc-blog-continuity-line:before{left:15px;right:auto;top:14px;bottom:14px;width:1px;height:auto}
  .ofc-blog-answer-bridge-grid{padding-top:25px;padding-bottom:27px}
  .ofc-blog-answer-statement h2{font-size:30px}
  .ofc-blog-article-stage{padding-top:38px}
  .ofc-blog-mobile-toc{margin-bottom:14px}
  .ofc-blog-editorial-sheet{padding:38px 21px 0;border-radius:24px 24px 0 0;background-size:34px 100%}
  .ofc-blog-article-content{font-size:17px;line-height:1.72}
  .ofc-blog-opening-copy{font-size:23px}
  .ofc-blog-story-intro{margin-bottom:48px;padding-bottom:34px}
  .ofc-blog-story-section{margin-bottom:56px}
  .ofc-blog-article-content h2{grid-template-columns:39px minmax(0,1fr);gap:10px;font-size:29px}
  .ofc-blog-article-content h2:before{width:37px;height:37px;border-radius:11px 4px 11px 4px;font-size:9px}
  .ofc-blog-consistency-compass{margin-top:1.35em}
  .ofc-blog-comparison-panel{padding:21px 19px}
  .ofc-blog-quality-path li{grid-template-columns:43px minmax(0,1fr);gap:12px}
  .ofc-blog-quality-path:before{left:21px}
  .ofc-blog-quality-path>li>span{width:43px;height:43px}
  .ofc-blog-question-accordion summary{padding-right:46px;font-size:15px}
  .ofc-blog-question-accordion details p{padding:0 18px 17px 66px}
  .ofc-blog-owner-model{padding:27px 21px;border-radius:22px}
  .ofc-blog-owner-signoff{grid-template-columns:48px minmax(0,1fr);gap:13px;margin:44px -21px 0;padding:22px 21px}
  .ofc-blog-owner-signoff>a{grid-column:1/-1}
  .ofc-blog-signoff-mark{width:46px;height:46px}
  .ofc-blog-resource-rail{margin-bottom:50px;padding:9px;border-radius:20px}
  .ofc-blog-final-grid{padding-top:48px;padding-bottom:48px}
  .ofc-blog-final-grid h2{font-size:37px}
  .ofc-blog-final-actions{grid-template-columns:1fr}
  .ofc-blog-final-actions>a{width:100%}
  .ofc-blog-hero{padding-top:58px}
  .ofc-blog-hero h1{font-size:clamp(38px,13vw,54px)}
  .ofc-blog-search>div{display:grid}
  .ofc-blog-grid{grid-template-columns:1fr}
  .ofc-blog-featured{border-radius:21px}
  .ofc-blog-featured-media{min-height:240px}
  .ofc-blog-featured-copy{padding:25px}
  .ofc-blog-card{border-radius:19px}
  .ofc-blog-results-note{align-items:flex-start;flex-direction:column}
  .ofc-blog-trust-row{display:grid}
  .ofc-blog-trust-row span{justify-content:center}
}
@media(max-width:420px){
  .ofc-blog-shell,.ofc-blog-narrow{width:min(100% - 22px,var(--ofc-blog-shell))}
  .ofc-blog-cinematic-hero h1{font-size:36px}
  .ofc-blog-answer-points li{grid-template-columns:32px minmax(0,1fr)}
  .ofc-blog-editorial-sheet{padding-inline:18px}
  .ofc-blog-article-content h2{font-size:27px}
  .ofc-blog-question-accordion summary{grid-template-columns:34px minmax(0,1fr);gap:10px;padding-left:13px}
  .ofc-blog-question-accordion details p{padding-left:57px}
  .ofc-blog-owner-signoff{margin-inline:-18px;padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){
  .ofc-blog-main *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  [data-ofc-reveal],.ofc-blog-motion-ready [data-ofc-reveal]{opacity:1!important;transform:none!important}
  .ofc-blog-featured:hover img,.ofc-blog-card:hover img,.ofc-blog-card:hover,.ofc-blog-button:hover,.ofc-blog-ghost-button:hover,.ofc-blog-secondary-button:hover,.ofc-blog-final-command:hover{transform:none!important}
}
@media(forced-colors:active){
  .ofc-blog-editorial-sheet,.ofc-blog-card,.ofc-blog-featured,.ofc-blog-search,.ofc-blog-mobile-toc,.ofc-blog-resource-rail,.ofc-blog-owner-model,.ofc-blog-final-horizon{border:1px solid CanvasText}
  .ofc-blog-button,.ofc-blog-topic-nav a.is-current{border:2px solid LinkText}
  .ofc-blog-article-content h2:before,.ofc-blog-question-accordion summary span{border:1px solid CanvasText}
  .ofc-blog-cinematic-hero,.ofc-blog-owner-model,.ofc-blog-final-horizon{forced-color-adjust:none}
}

/* ========================================================================== 
   Article Experience 1.5.0 — Pacific Obsidian editorial system
   Scoped to the single-article release so archive styling remains stable.
   ========================================================================== */
.ofc-blog-premium-v150{
  --ofc-blog-midnight:#011b29;
  --ofc-blog-deep:#043345;
  --ofc-blog-pacific:#07505b;
  --ofc-blog-jade:#0b6b66;
  --ofc-blog-champagne:#f4c45e;
  --ofc-blog-pearl:#f8fcfb;
  --ofc-blog-frost:#edf7f6;
  --ofc-blog-premium-shadow:0 36px 96px rgba(1,27,41,.20),0 10px 28px rgba(1,27,41,.10);
  background:var(--ofc-blog-frost);
}
.ofc-blog-premium-v150 .ofc-blog-cinematic-hero{
  border-bottom:1px solid rgba(244,196,94,.22);
  background:
    radial-gradient(ellipse at 82% 7%,rgba(244,196,94,.18),transparent 29%),
    radial-gradient(ellipse at 8% 3%,rgba(73,213,206,.16),transparent 31%),
    radial-gradient(circle at 58% 112%,rgba(14,112,104,.28),transparent 42%),
    linear-gradient(132deg,var(--ofc-blog-midnight) 0%,#033143 43%,var(--ofc-blog-jade) 100%);
}
.ofc-blog-premium-v150 .ofc-blog-cinematic-hero:before{
  background:
    linear-gradient(112deg,rgba(255,255,255,.045),transparent 31%),
    radial-gradient(circle at 51% 42%,transparent 0 38%,rgba(0,15,24,.10) 68%,rgba(0,15,24,.34) 100%);
}
.ofc-blog-premium-v150 .ofc-blog-hero-grid-art{
  opacity:.18;
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 58%,transparent 91%);
}
.ofc-blog-hero-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ofc-blog-hero-aurora span{position:absolute;display:block;border-radius:50%;filter:blur(34px);opacity:.01;transform:scale(.72)}
.ofc-blog-hero-aurora span:nth-child(1){width:420px;height:420px;right:2%;top:-170px;background:rgba(244,196,94,.18)}
.ofc-blog-hero-aurora span:nth-child(2){width:360px;height:360px;left:-130px;top:60px;background:rgba(73,213,206,.15)}
.ofc-blog-hero-aurora span:nth-child(3){width:520px;height:260px;left:38%;bottom:-170px;background:rgba(39,148,137,.18)}
.ofc-blog-hero-beam{position:absolute;z-index:1;left:7%;right:7%;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(73,213,206,.50),rgba(255,255,255,.76),rgba(244,196,94,.52),transparent);box-shadow:0 0 16px rgba(73,213,206,.18),0 0 22px rgba(244,196,94,.14)}
.ofc-blog-premium-v150 .ofc-blog-hero-topography{height:70%;opacity:.88}
.ofc-blog-premium-v150 .ofc-blog-hero-topography path{stroke-dasharray:1900;stroke-dashoffset:0}
.ofc-blog-premium-v150 .ofc-blog-cinematic-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.78fr);
  gap:clamp(48px,5vw,78px);
  padding-top:clamp(26px,3.3vw,48px);
  padding-bottom:clamp(38px,4.8vw,66px);
}
.ofc-blog-premium-v150 .ofc-blog-hero-copy{max-width:735px}
.ofc-blog-premium-v150 .ofc-blog-breadcrumbs{margin-bottom:15px;color:rgba(239,252,251,.68)}
.ofc-blog-premium-v150 .ofc-blog-hero-issue-line{margin-bottom:15px;font-size:11px;letter-spacing:.115em}
.ofc-blog-premium-v150 .ofc-blog-hero-issue-line span:first-child{min-height:32px;padding:7px 12px;border-color:rgba(168,240,235,.34);background:rgba(0,18,28,.27);color:#c7f5f1}
.ofc-blog-premium-v150 .ofc-blog-article-kicker{margin-bottom:12px;color:var(--ofc-blog-champagne);font-size:11.5px;letter-spacing:.15em}
.ofc-blog-premium-v150 .ofc-blog-cinematic-hero h1{max-width:740px;font-size:clamp(48px,5.15vw,70px);line-height:.965;letter-spacing:-.05em;text-shadow:0 8px 32px rgba(0,14,22,.20)}
.ofc-blog-premium-v150 .ofc-blog-article-deck{max-width:680px;margin-top:19px;color:rgba(242,253,252,.86);font-size:clamp(17px,1.45vw,20px);line-height:1.56}
.ofc-blog-premium-v150 .ofc-blog-article-meta{margin-top:19px;color:rgba(238,251,250,.68);font-size:12.5px}
.ofc-blog-premium-v150 .ofc-blog-hero-actions{margin-top:24px}
.ofc-blog-premium-v150 .ofc-blog-button,
.ofc-blog-premium-v150 .ofc-blog-search button{
  border-color:rgba(130,86,5,.45);
  background:linear-gradient(180deg,#fff0aa 0%,var(--ofc-blog-champagne) 54%,#d99a1b 100%);
  box-shadow:0 16px 34px rgba(218,157,28,.25),inset 0 1px rgba(255,255,255,.88),inset 0 -2px rgba(88,54,0,.15);
}
.ofc-blog-premium-v150 .ofc-blog-ghost-button{border-color:rgba(215,245,242,.30);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,20,30,.10)}
.ofc-blog-premium-v150 .ofc-blog-ghost-button:hover,.ofc-blog-premium-v150 .ofc-blog-ghost-button:focus-visible{border-color:rgba(244,196,94,.56);background:rgba(255,255,255,.12)}

.ofc-blog-premium-v150 .ofc-blog-portrait-stage{width:min(100%,486px)}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame{
  --ofc-tilt-x:0deg;
  --ofc-tilt-y:0deg;
  padding:13px;
  border-color:rgba(219,247,244,.25);
  border-radius:45px 18px 45px 18px;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.035));
  box-shadow:0 42px 90px rgba(0,16,25,.34),0 12px 28px rgba(0,16,25,.19),inset 0 1px rgba(255,255,255,.20);
  transform:perspective(1000px) rotateX(var(--ofc-tilt-x)) rotateY(var(--ofc-tilt-y));
  transform-style:preserve-3d;
  transition:transform .22s var(--ofc-blog-ease),box-shadow .22s var(--ofc-blog-ease);
}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame:before{inset:6px;border-color:rgba(244,196,94,.60);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame:after{content:"";position:absolute;z-index:2;inset:13px;border-radius:32px 9px 32px 9px;pointer-events:none;background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.15) 41%,transparent 60%);transform:translateX(-125%)}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame>img{border-radius:32px 9px 32px 9px;filter:saturate(.98) contrast(1.025) brightness(.99)}
.ofc-blog-premium-v150 .ofc-blog-portrait-vignette{inset:13px;border-radius:32px 9px 32px 9px;box-shadow:inset 0 -116px 110px -82px rgba(1,25,34,.62),inset 0 0 0 1px rgba(255,255,255,.17)}
.ofc-blog-portrait-sweep{position:absolute;z-index:5;inset:8px;overflow:hidden;border-radius:37px 14px 37px 14px;pointer-events:none}
.ofc-blog-portrait-sweep:before{content:"";position:absolute;top:-40%;bottom:-40%;left:-34%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);filter:blur(2px);transform:rotate(12deg) translateX(-240%)}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame figcaption{left:26px;right:26px;bottom:26px;padding:13px 15px;border-color:rgba(255,255,255,.23);background:linear-gradient(115deg,rgba(1,29,42,.93),rgba(7,91,88,.87));box-shadow:0 18px 36px rgba(0,18,28,.30)}
.ofc-blog-premium-v150 .ofc-blog-owner-seal{width:42px;height:42px;flex-basis:42px;border-radius:13px;background:linear-gradient(145deg,#1d9d99,#075561);color:#fff}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame figcaption b{font-size:13.5px}
.ofc-blog-premium-v150 .ofc-blog-portrait-frame figcaption small{font-size:11px}
.ofc-blog-premium-v150 .ofc-blog-continuity-line{gap:9px;margin:16px 3px 0}
.ofc-blog-premium-v150 .ofc-blog-continuity-line:before{left:8%;right:8%;top:29px;background:linear-gradient(90deg,rgba(73,213,206,.70),rgba(255,255,255,.24),rgba(244,196,94,.70))}
.ofc-blog-premium-v150 .ofc-blog-continuity-line>span{grid-template-columns:36px minmax(0,1fr);gap:8px;min-height:58px;padding:9px 10px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));font-size:12px;line-height:1.18;box-shadow:0 10px 24px rgba(0,18,28,.11);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.ofc-blog-premium-v150 .ofc-blog-continuity-line i{width:36px;height:36px;border-color:rgba(255,255,255,.19);border-radius:11px;background:#063646;color:var(--ofc-blog-champagne);font-size:10px;box-shadow:0 0 0 4px rgba(4,55,69,.48)}
.ofc-blog-premium-v150 .ofc-blog-continuity-line b{font-size:12px;line-height:1.2}

.ofc-blog-premium-v150 .ofc-blog-answer-bridge{border-color:rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(1,27,40,.62),rgba(1,28,42,.94));box-shadow:0 -20px 44px rgba(0,18,28,.17)}
.ofc-blog-premium-v150 .ofc-blog-answer-bridge-grid{gap:clamp(32px,4vw,56px);padding-top:31px;padding-bottom:32px}
.ofc-blog-premium-v150 .ofc-blog-answer-statement h2{font-size:clamp(29px,2.7vw,40px)}
.ofc-blog-premium-v150 .ofc-blog-answer-points{gap:12px}
.ofc-blog-premium-v150 .ofc-blog-answer-points li{min-height:94px;padding:15px;border-color:rgba(205,244,240,.17);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.ofc-blog-premium-v150 .ofc-blog-answer-points>li>span{width:35px;height:35px;border-radius:10px;background:rgba(73,213,206,.14);font-size:10px}
.ofc-blog-premium-v150 .ofc-blog-answer-points b{font-size:13px}
.ofc-blog-premium-v150 .ofc-blog-answer-points small{font-size:11.5px;line-height:1.42}

.ofc-blog-premium-v150 .ofc-blog-article-stage{padding-top:clamp(48px,5.5vw,76px);background:radial-gradient(circle at 92% 8%,rgba(73,213,206,.075),transparent 25%),linear-gradient(180deg,#f3faf9 0%,#edf6f5 68%,#f8fbfb 100%)}
.ofc-blog-premium-v150 .ofc-blog-article-layout{grid-template-columns:252px minmax(0,var(--ofc-blog-reading));gap:clamp(34px,4vw,54px)}
.ofc-blog-premium-v150 .ofc-blog-guide-rail-inner{top:112px;padding:18px 14px 16px;border:1px solid rgba(10,123,128,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(241,249,248,.77));box-shadow:0 20px 48px rgba(2,42,54,.09),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ofc-blog-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 7px 15px;border-bottom:1px solid var(--ofc-blog-border)}
.ofc-blog-guide-heading>div{display:grid;gap:1px}
.ofc-blog-guide-heading .ofc-blog-card-kicker{margin:0;color:var(--ofc-blog-ocean);font-size:10px}
.ofc-blog-guide-heading strong{color:var(--ofc-blog-ink);font-size:15px;line-height:1.15}
.ofc-blog-guide-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(244,196,94,.42);border-radius:12px 5px 12px 5px;background:linear-gradient(145deg,#fff9e8,#fff);color:var(--ofc-blog-gold-deep);font-size:10px;font-weight:950}
.ofc-blog-premium-v150 .ofc-blog-guide-rail nav{gap:4px;padding:13px 0 2px}
.ofc-blog-premium-v150 .ofc-blog-guide-rail nav:before{display:none}
.ofc-blog-premium-v150 .ofc-blog-guide-rail a{grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-height:54px;padding:8px 9px;border:1px solid transparent;border-radius:14px;color:#58737d;font-size:12.5px;font-weight:850;line-height:1.24;transition:transform .2s var(--ofc-blog-ease),background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.ofc-blog-premium-v150 .ofc-blog-guide-rail a span{width:36px;height:36px;margin:0;border-color:rgba(10,123,128,.22);border-radius:11px;background:#f7fbfa;color:var(--ofc-blog-ocean);font-size:10px;box-shadow:none}
.ofc-blog-premium-v150 .ofc-blog-guide-rail a b{font-size:12.5px;font-weight:900}
.ofc-blog-premium-v150 .ofc-blog-guide-rail a:hover{border-color:rgba(10,123,128,.16);background:#fff;color:var(--ofc-blog-ink);transform:translateX(2px);box-shadow:0 8px 20px rgba(2,42,54,.06)}
.ofc-blog-premium-v150 .ofc-blog-guide-rail a.is-active{border-color:rgba(73,213,206,.23);background:linear-gradient(135deg,#062c3c,#0a5659);color:#fff;transform:translateX(2px);box-shadow:0 12px 26px rgba(2,42,54,.16)}
.ofc-blog-premium-v150 .ofc-blog-guide-rail a.is-active span{border-color:rgba(244,196,94,.48);background:rgba(255,255,255,.08);color:var(--ofc-blog-champagne)}
.ofc-blog-guide-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 7px 7px;color:#6b838c;font-size:10.5px;font-weight:850}
.ofc-blog-guide-progress-label b{color:var(--ofc-blog-ink);font-size:11px}
.ofc-blog-premium-v150 .ofc-blog-guide-progress{height:5px;margin:0 7px;border-radius:999px;background:rgba(10,123,128,.10)}
.ofc-blog-premium-v150 .ofc-blog-guide-progress span{width:0;background:linear-gradient(90deg,var(--ofc-blog-aqua),#83e1dc 52%,var(--ofc-blog-champagne));box-shadow:0 0 12px rgba(73,213,206,.20)}

.ofc-blog-premium-v150 .ofc-blog-mobile-toc{border-color:rgba(10,123,128,.20);border-radius:19px;background:rgba(255,255,255,.92);box-shadow:0 16px 36px rgba(2,42,54,.09)}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc summary{min-height:62px;padding:12px 16px}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc summary>span{display:grid;gap:1px}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc summary b{color:var(--ofc-blog-ink);font-size:15px}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc summary small{color:var(--ofc-blog-muted);font-size:11px;font-weight:800}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc summary i{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ofc-blog-border);border-radius:11px;background:var(--ofc-blog-mist);color:var(--ofc-blog-ocean);font-style:normal;font-size:22px;transition:transform .2s ease}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc[open] summary i{transform:rotate(45deg)}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc nav{gap:5px;padding:0 10px 12px}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc nav a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:50px;padding:7px 9px;border:1px solid transparent;border-radius:12px;font-size:13px}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc nav a>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ofc-blog-border);border-radius:10px;background:#f7fbfa;color:var(--ofc-blog-ocean);font-size:9px;font-weight:950}
.ofc-blog-premium-v150 .ofc-blog-mobile-toc nav a.is-active{border-color:rgba(73,213,206,.22);background:#eaf7f5;color:var(--ofc-blog-ink)}

.ofc-blog-premium-v150 .ofc-blog-editorial-sheet{padding:clamp(44px,5vw,68px) clamp(30px,5.2vw,68px) 0;border-color:rgba(10,123,128,.18);border-radius:31px 31px 0 0;background:linear-gradient(90deg,rgba(6,43,60,.022) 1px,transparent 1px),#fff;background-size:42px 100%;box-shadow:var(--ofc-blog-premium-shadow),inset 0 1px rgba(255,255,255,.97)}
.ofc-blog-premium-v150 .ofc-blog-editorial-sheet:before{height:4px;background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.35) 44%,var(--ofc-blog-champagne))}
.ofc-blog-premium-v150 .ofc-blog-sheet-index{right:26px;top:19px;color:rgba(6,43,60,.34);font-size:9.5px}
.ofc-blog-premium-v150 .ofc-blog-article-content{color:#365b68;font-size:18.25px;line-height:1.78}
.ofc-blog-premium-v150 .ofc-blog-opening-copy{max-width:700px;color:var(--ofc-blog-ink);font-size:clamp(23px,2.15vw,30px);line-height:1.42}
.ofc-blog-premium-v150 .ofc-blog-story-intro{margin-bottom:clamp(50px,6vw,72px)}
.ofc-blog-premium-v150 .ofc-blog-story-section{margin-bottom:clamp(58px,7vw,84px)}
.ofc-blog-premium-v150 .ofc-blog-story-section:after{content:"";position:absolute;left:0;right:0;top:-19px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(73,213,206,.48),rgba(244,196,94,.32),transparent);transform:scaleX(0);transform-origin:left center;opacity:0}
.ofc-blog-premium-v150 .ofc-blog-article-content h2{grid-template-columns:50px minmax(0,1fr);gap:15px;font-size:clamp(31px,3vw,41px);line-height:1.09}
.ofc-blog-premium-v150 .ofc-blog-article-content h2:before{width:47px;height:47px;border-color:rgba(10,123,128,.36);border-radius:14px 5px 14px 5px;background:linear-gradient(145deg,#fff,#edf7f6);color:var(--ofc-blog-ocean);font-size:10.5px;box-shadow:0 9px 20px rgba(2,42,54,.07)}
.ofc-blog-premium-v150 .ofc-blog-article-content a{color:#087c85;text-decoration-color:rgba(8,124,133,.35)}

.ofc-blog-premium-v150 .ofc-blog-consistency-compass{gap:15px;margin:1.7em 0 1.75em;padding-top:112px}
.ofc-blog-premium-v150 .ofc-blog-consistency-compass:before{top:71px;left:7%;right:7%;background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(10,123,128,.20),var(--ofc-blog-champagne))}
.ofc-blog-premium-v150 .ofc-blog-compass-core{width:132px;height:132px;border-color:rgba(244,196,94,.48);background:radial-gradient(circle,#fff 0 31%,#eef9f7 32% 49%,rgba(73,213,206,.12) 50% 61%,transparent 62%);box-shadow:0 20px 42px rgba(2,42,54,.12)}
.ofc-blog-premium-v150 .ofc-blog-compass-core:before{inset:14px}.ofc-blog-premium-v150 .ofc-blog-compass-core:after{inset:30px}
.ofc-blog-premium-v150 .ofc-blog-compass-core span{width:auto;color:#4b6d76;font-size:9.5px;line-height:1;letter-spacing:.11em}
.ofc-blog-premium-v150 .ofc-blog-compass-core strong{position:relative;z-index:1;margin-top:-32px;color:var(--ofc-blog-ink);font-size:16px;font-weight:950;line-height:1;text-transform:uppercase;letter-spacing:.035em}
.ofc-blog-premium-v150 .ofc-blog-compass-item{padding:23px 19px 20px;border-color:rgba(10,123,128,.19);border-radius:20px;background:linear-gradient(145deg,#fff,#f3faf9);box-shadow:0 14px 30px rgba(2,42,54,.06)}
.ofc-blog-premium-v150 .ofc-blog-compass-item>span{top:-18px;width:36px;height:36px;background:var(--ofc-blog-ink);color:var(--ofc-blog-champagne);font-size:10px}
.ofc-blog-premium-v150 .ofc-blog-compass-item strong{font-size:18.5px}
.ofc-blog-premium-v150 .ofc-blog-benefit-ledger>li>span,
.ofc-blog-premium-v150 .ofc-blog-quality-path>li>span{color:var(--ofc-blog-ocean)}
.ofc-blog-premium-v150 .ofc-blog-comparison-stage{border-color:rgba(10,123,128,.20);background:linear-gradient(145deg,#f7fcfb,#edf7f6)}
.ofc-blog-premium-v150 .ofc-blog-comparison-panel--team{background:radial-gradient(circle at 95% 5%,rgba(244,196,94,.18),transparent 30%),linear-gradient(145deg,#052f40,#0a6764)}
.ofc-blog-premium-v150 .ofc-blog-comparison-axis span{color:#0a7278}
.ofc-blog-premium-v150 .ofc-blog-question-accordion details{border-color:rgba(10,123,128,.20);background:linear-gradient(145deg,#fff,#f9fcfc)}
.ofc-blog-premium-v150 .ofc-blog-question-accordion details[open]{border-color:rgba(10,123,128,.40);box-shadow:0 14px 30px rgba(2,42,54,.08)}
.ofc-blog-premium-v150 .ofc-blog-question-accordion summary span{background:var(--ofc-blog-ink);color:var(--ofc-blog-champagne)}
.ofc-blog-premium-v150 .ofc-blog-owner-model{border-color:rgba(255,255,255,.15);background:radial-gradient(circle at 93% 7%,rgba(244,196,94,.16),transparent 30%),linear-gradient(145deg,#022638,#0a6662);box-shadow:0 30px 68px rgba(1,27,41,.20)}
.ofc-blog-premium-v150 .ofc-blog-owner-system span{background:rgba(73,213,206,.14);color:var(--ofc-blog-champagne)}
.ofc-blog-premium-v150 .ofc-blog-oahu-field-note{border-color:rgba(168,240,235,.25);background:rgba(0,20,31,.22)}
.ofc-blog-premium-v150 .ofc-blog-bottom-line{border-color:rgba(185,129,16,.30);background:radial-gradient(circle at 95% 5%,rgba(244,196,94,.14),transparent 30%),linear-gradient(145deg,#fffef9,#fff7df)}
.ofc-blog-premium-v150 .ofc-blog-owner-signoff{background:linear-gradient(145deg,#f7fcfb,#eaf7f5)}
.ofc-blog-premium-v150 .ofc-blog-signoff-mark{background:linear-gradient(145deg,#052c3d,#0a6f6a);color:var(--ofc-blog-champagne)}
.ofc-blog-premium-v150 .ofc-blog-resource-rail{border-color:rgba(10,123,128,.19);background:rgba(255,255,255,.84);box-shadow:0 20px 48px rgba(2,42,54,.09)}
.ofc-blog-premium-v150 .ofc-blog-resource-rail>a{background:#f1f8f7}
.ofc-blog-premium-v150 .ofc-blog-resource-rail>a>span{background:var(--ofc-blog-ink);color:var(--ofc-blog-champagne)}

.ofc-blog-premium-v150 .ofc-blog-final-horizon{background:radial-gradient(circle at 84% 8%,rgba(244,196,94,.18),transparent 29%),radial-gradient(circle at 12% 100%,rgba(73,213,206,.13),transparent 32%),linear-gradient(135deg,#011e2e,#06414f 56%,#0a6a65);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.ofc-blog-premium-v150 .ofc-blog-final-grid{padding-top:clamp(54px,6vw,78px);padding-bottom:clamp(54px,6vw,76px)}
.ofc-blog-premium-v150 .ofc-blog-final-grid h2{font-size:clamp(36px,4.2vw,56px)}
.ofc-blog-premium-v150 .ofc-blog-final-command{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border-color:rgba(255,255,255,.28)}
.ofc-blog-premium-v150 .ofc-blog-footer-handoff{background:linear-gradient(90deg,#021f2f,#064451 61%,#0a6a65)}

/* Finite, content-led motion. Nothing loops or blocks reading. */
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-hero-aurora span{animation:ofcBlogAuroraWake 1.35s var(--ofc-blog-ease) both}
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-hero-aurora span:nth-child(2){animation-delay:.10s}
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-hero-aurora span:nth-child(3){animation-delay:.18s}
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-hero-topography path{stroke-dashoffset:1900;animation:ofcBlogContourDraw 1.75s var(--ofc-blog-ease) .18s forwards}
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-hero-topography path:nth-child(2){animation-delay:.30s}
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-hero-topography path:nth-child(3){animation-delay:.42s}
.ofc-blog-premium-v150.ofc-blog-motion-ready.is-hero-ready .ofc-blog-portrait-frame:after{animation:ofcBlogFrameLight 1.35s var(--ofc-blog-ease) .48s both}
.ofc-blog-premium-v150.ofc-blog-motion-ready.is-hero-ready .ofc-blog-portrait-sweep:before{animation:ofcBlogPortraitSweep 1.42s var(--ofc-blog-ease) .58s both}
.ofc-blog-premium-v150.ofc-blog-motion-ready [data-ofc-reveal]{opacity:.01;transform:translateY(18px) scale(.995)}
.ofc-blog-premium-v150.ofc-blog-motion-ready [data-ofc-reveal].is-visible{animation:ofcBlogPremiumReveal .72s var(--ofc-blog-ease) var(--ofc-delay,0s) both}
.ofc-blog-premium-v150.ofc-blog-motion-ready .ofc-blog-story-section.is-visible:after{animation:ofcBlogSectionSignal .92s var(--ofc-blog-ease) .12s both}
.ofc-blog-premium-v150 .ofc-blog-premium-action{position:relative;isolation:isolate;overflow:hidden}
.ofc-blog-premium-v150 .ofc-blog-premium-action:after{content:"";position:absolute;z-index:-1;left:var(--ofc-tap-x,50%);top:var(--ofc-tap-y,50%);width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.40);opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}
.ofc-blog-premium-v150 .ofc-blog-premium-action.is-pressed{transform:translateY(1px) scale(.99)}
.ofc-blog-premium-v150 .ofc-blog-premium-action.tap-pulse:after{animation:ofcBlogTapPulse .62s ease-out both}
@keyframes ofcBlogAuroraWake{from{opacity:.01;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
@keyframes ofcBlogContourDraw{to{stroke-dashoffset:0}}
@keyframes ofcBlogFrameLight{0%{transform:translateX(-125%)}100%{transform:translateX(125%)}}
@keyframes ofcBlogPortraitSweep{0%{transform:rotate(12deg) translateX(-240%)}100%{transform:rotate(12deg) translateX(690%)}}
@keyframes ofcBlogPremiumReveal{from{opacity:.01;transform:translateY(18px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ofcBlogSectionSignal{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes ofcBlogTapPulse{0%{opacity:.34;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(22)}}

@media(max-width:1260px){
  .ofc-blog-premium-v150 .ofc-blog-article-layout{grid-template-columns:228px minmax(0,800px);gap:34px}
  .ofc-blog-premium-v150 .ofc-blog-guide-rail a{grid-template-columns:36px minmax(0,1fr);gap:8px;font-size:12px}
  .ofc-blog-premium-v150 .ofc-blog-guide-rail a span{width:34px;height:34px}
}
@media(max-width:1100px){
  .ofc-blog-premium-v150 .ofc-blog-article-layout{grid-template-columns:minmax(0,860px);max-width:910px}
  .ofc-blog-premium-v150 .ofc-blog-guide-rail{display:none}
  .ofc-blog-premium-v150 .ofc-blog-mobile-toc{display:block}
}
@media(max-width:980px){
  .ofc-blog-premium-v150 .ofc-blog-cinematic-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:36px}
  .ofc-blog-premium-v150 .ofc-blog-continuity-line>span{grid-template-columns:34px minmax(0,1fr);padding:8px;font-size:11px}
  .ofc-blog-premium-v150 .ofc-blog-continuity-line i{width:34px;height:34px}
}
@media(max-width:820px){
  .ofc-blog-premium-v150 .ofc-blog-cinematic-grid{grid-template-columns:1fr;gap:34px;padding-top:26px}
  .ofc-blog-premium-v150 .ofc-blog-portrait-stage{width:min(100%,460px)}
  .ofc-blog-premium-v150 .ofc-blog-answer-bridge-grid{grid-template-columns:1fr;gap:20px}
  .ofc-blog-premium-v150 .ofc-blog-answer-points{grid-template-columns:1fr}
  .ofc-blog-premium-v150 .ofc-blog-answer-points li{min-height:0}
  .ofc-blog-premium-v150 .ofc-blog-consistency-compass{grid-template-columns:1fr;padding-top:0}
  .ofc-blog-premium-v150 .ofc-blog-consistency-compass:before{display:none}
  .ofc-blog-premium-v150 .ofc-blog-compass-core{position:relative;left:auto;top:auto;grid-template-columns:auto auto;gap:7px;justify-content:center;width:100%;height:66px;transform:none;border-radius:18px;background:linear-gradient(145deg,#f6fbfa,#e9f6f4)}
  .ofc-blog-premium-v150 .ofc-blog-compass-core:before,.ofc-blog-premium-v150 .ofc-blog-compass-core:after{display:none}
  .ofc-blog-premium-v150 .ofc-blog-compass-core span{font-size:10px}
  .ofc-blog-premium-v150 .ofc-blog-compass-core strong{margin:0;font-size:16px}
  .ofc-blog-premium-v150 .ofc-blog-compass-item{padding-left:21px}
}
@media(max-width:700px){
  .ofc-blog-premium-v150 .ofc-blog-cinematic-grid{padding-top:18px;padding-bottom:35px}
  .ofc-blog-premium-v150 .ofc-blog-breadcrumbs{margin-bottom:11px;font-size:11px}
  .ofc-blog-premium-v150 .ofc-blog-hero-issue-line{gap:7px;margin-bottom:12px;font-size:9.5px}
  .ofc-blog-premium-v150 .ofc-blog-hero-issue-line span:first-child{min-height:29px;padding:6px 9px}
  .ofc-blog-premium-v150 .ofc-blog-hero-issue-line span+span:before{width:14px;margin-right:7px}
  .ofc-blog-premium-v150 .ofc-blog-article-kicker{margin-bottom:9px;font-size:10px;line-height:1.35}
  .ofc-blog-premium-v150 .ofc-blog-cinematic-hero h1{font-size:clamp(36px,10.8vw,48px);line-height:.99;letter-spacing:-.045em}
  .ofc-blog-premium-v150 .ofc-blog-mobile-portrait{margin:20px 0 17px;padding:8px;border-radius:27px 9px 27px 9px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.04));box-shadow:0 25px 58px rgba(0,18,28,.32)}
  .ofc-blog-premium-v150 .ofc-blog-mobile-portrait img{aspect-ratio:4/3;object-position:center 24%;border-radius:20px 5px 20px 5px}
  .ofc-blog-premium-v150 .ofc-blog-mobile-portrait figcaption{left:15px;right:15px;bottom:14px;min-height:48px;padding:8px 10px;background:linear-gradient(115deg,rgba(1,29,42,.92),rgba(7,91,88,.87))}
  .ofc-blog-premium-v150 .ofc-blog-mobile-portrait figcaption b{font-size:11.5px}
  .ofc-blog-premium-v150 .ofc-blog-article-deck{margin-top:16px;font-size:16.5px;line-height:1.52}
  .ofc-blog-premium-v150 .ofc-blog-article-meta{gap:5px;margin-top:16px;font-size:11.5px}
  .ofc-blog-premium-v150 .ofc-blog-hero-actions{gap:9px;margin-top:21px}
  .ofc-blog-premium-v150 .ofc-blog-hero-actions a{min-height:54px;padding:11px 15px}
  .ofc-blog-premium-v150 .ofc-blog-answer-bridge-grid{padding-top:27px;padding-bottom:29px}
  .ofc-blog-premium-v150 .ofc-blog-answer-statement h2{font-size:30px;line-height:1.04}
  .ofc-blog-premium-v150 .ofc-blog-answer-points li{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px}
  .ofc-blog-premium-v150 .ofc-blog-answer-points>li>span{width:36px;height:36px}
  .ofc-blog-premium-v150 .ofc-blog-answer-points b{font-size:13px}
  .ofc-blog-premium-v150 .ofc-blog-answer-points small{font-size:11.5px}
  .ofc-blog-premium-v150 .ofc-blog-article-stage{padding-top:30px}
  .ofc-blog-premium-v150 .ofc-blog-mobile-toc{margin-bottom:13px}
  .ofc-blog-premium-v150 .ofc-blog-editorial-sheet{padding:36px 20px 0;border-radius:23px 23px 0 0;background-size:32px 100%;box-shadow:0 24px 54px rgba(2,42,54,.11)}
  .ofc-blog-premium-v150 .ofc-blog-sheet-index{right:19px;top:14px;font-size:8px}
  .ofc-blog-premium-v150 .ofc-blog-article-content{font-size:16.75px;line-height:1.73}
  .ofc-blog-premium-v150 .ofc-blog-opening-copy{font-size:22px;line-height:1.42}
  .ofc-blog-premium-v150 .ofc-blog-story-intro{margin-bottom:45px;padding-bottom:31px}
  .ofc-blog-premium-v150 .ofc-blog-story-section{margin-bottom:52px}
  .ofc-blog-premium-v150 .ofc-blog-article-content h2{grid-template-columns:40px minmax(0,1fr);gap:10px;font-size:28px;line-height:1.1}
  .ofc-blog-premium-v150 .ofc-blog-article-content h2:before{width:38px;height:38px;border-radius:11px 4px 11px 4px;font-size:9px}
  .ofc-blog-premium-v150 .ofc-blog-consistency-compass{gap:12px;margin-top:1.25em}
  .ofc-blog-premium-v150 .ofc-blog-compass-core{height:60px}
  .ofc-blog-premium-v150 .ofc-blog-compass-item{padding:22px 17px 18px}
  .ofc-blog-premium-v150 .ofc-blog-benefit-ledger li{grid-template-columns:45px minmax(0,1fr);gap:12px;padding:18px 1px}
  .ofc-blog-premium-v150 .ofc-blog-benefit-ledger>li>span{width:40px;height:40px}
  .ofc-blog-premium-v150 .ofc-blog-comparison-stage{padding:9px;border-radius:22px}
  .ofc-blog-premium-v150 .ofc-blog-comparison-panel{padding:20px 17px}
  .ofc-blog-premium-v150 .ofc-blog-quality-path li{grid-template-columns:41px minmax(0,1fr);gap:11px;padding-bottom:18px}
  .ofc-blog-premium-v150 .ofc-blog-quality-path:before{left:20px}
  .ofc-blog-premium-v150 .ofc-blog-quality-path>li>span{width:41px;height:41px}
  .ofc-blog-premium-v150 .ofc-blog-quality-path li div{padding:12px 14px 13px}
  .ofc-blog-premium-v150 .ofc-blog-question-accordion summary{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:64px;padding:12px 45px 12px 13px;font-size:14.5px}
  .ofc-blog-premium-v150 .ofc-blog-question-accordion summary span{width:34px;height:34px}
  .ofc-blog-premium-v150 .ofc-blog-question-accordion details p{padding:0 15px 16px 59px;font-size:13.5px}
  .ofc-blog-premium-v150 .ofc-blog-owner-model{padding:25px 18px;border-radius:21px}
  .ofc-blog-premium-v150 .ofc-blog-owner-system{grid-template-columns:1fr}
  .ofc-blog-premium-v150 .ofc-blog-oahu-field-note{padding:20px 18px 19px 23px}
  .ofc-blog-premium-v150 .ofc-blog-bottom-line{padding:24px 20px;border-radius:20px}
  .ofc-blog-premium-v150 .ofc-blog-owner-signoff{grid-template-columns:47px minmax(0,1fr);gap:12px;margin:42px -20px 0;padding:21px 20px}
  .ofc-blog-premium-v150 .ofc-blog-owner-signoff>a{grid-column:1/-1;min-height:44px;display:flex;align-items:center}
  .ofc-blog-premium-v150 .ofc-blog-owner-signoff span{font-size:12px}
  .ofc-blog-premium-v150 .ofc-blog-resource-rail{margin-bottom:44px;padding:9px;border-radius:19px}
  .ofc-blog-premium-v150 .ofc-blog-resource-rail>div{padding:16px 13px}
  .ofc-blog-premium-v150 .ofc-blog-resource-rail h2{font-size:22px}
  .ofc-blog-premium-v150 .ofc-blog-resource-rail>a{min-height:74px;padding:14px}
  .ofc-blog-premium-v150 .ofc-blog-final-grid{padding-top:45px;padding-bottom:45px}
  .ofc-blog-premium-v150 .ofc-blog-final-grid h2{font-size:36px;line-height:1.01}
  .ofc-blog-premium-v150 .ofc-blog-final-grid p:not(.ofc-blog-card-kicker){font-size:14px}
}
@media(max-width:420px){
  .ofc-blog-premium-v150 .ofc-blog-cinematic-hero h1{font-size:35px}
  .ofc-blog-premium-v150 .ofc-blog-hero-issue-line span:last-child{font-size:9px}
  .ofc-blog-premium-v150 .ofc-blog-editorial-sheet{padding-inline:17px}
  .ofc-blog-premium-v150 .ofc-blog-article-content h2{font-size:26px}
  .ofc-blog-premium-v150 .ofc-blog-owner-signoff{margin-inline:-17px;padding-inline:17px}
  .ofc-blog-premium-v150 .ofc-blog-mobile-toc summary{padding-inline:13px}
}
@media(hover:hover) and (pointer:fine){
  .ofc-blog-premium-v150 .ofc-blog-portrait-frame:hover{box-shadow:0 48px 104px rgba(0,16,25,.38),0 14px 34px rgba(0,16,25,.20),inset 0 1px rgba(255,255,255,.22)}
}
@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v150 .ofc-blog-hero-aurora span{opacity:.72;transform:none}
  .ofc-blog-premium-v150 .ofc-blog-hero-topography path{stroke-dashoffset:0}
  .ofc-blog-premium-v150 .ofc-blog-portrait-frame{transform:none}
  .ofc-blog-premium-v150 .ofc-blog-story-section:after{opacity:.65;transform:scaleX(1)}
}
@media(forced-colors:active){
  .ofc-blog-premium-v150 .ofc-blog-guide-rail-inner,
  .ofc-blog-premium-v150 .ofc-blog-mobile-toc,
  .ofc-blog-premium-v150 .ofc-blog-continuity-line>span{border:1px solid CanvasText}
  .ofc-blog-premium-v150 .ofc-blog-guide-rail a.is-active{border:2px solid LinkText}
}


/* Dark editorial modules must retain high-contrast contextual links. */
.ofc-blog-premium-v150 .ofc-blog-article-content .ofc-blog-owner-model a{
  color:#ffe29a;
  text-decoration-color:rgba(255,226,154,.58);
}
.ofc-blog-premium-v150 .ofc-blog-article-content .ofc-blog-owner-model a:hover,
.ofc-blog-premium-v150 .ofc-blog-article-content .ofc-blog-owner-model a:focus-visible{
  color:#fff;
  text-decoration-color:var(--ofc-blog-champagne);
}
@media(max-width:700px){
  .ofc-blog-premium-v150 .ofc-blog-opening-copy{font-size:21px;line-height:1.4}
}
@media(max-width:420px){
  .ofc-blog-premium-v150 .ofc-blog-opening-copy{font-size:20px}
}

/* =====================================================================
   Article Experience 1.6.0 — Sticky reading path + approved ocean rails
   ===================================================================== */
.ofc-blog-premium-v160{
  --ofc-blog-sticky-top:96px;
  --ofc-blog-anchor-offset:184px;
  --ofc-blog-rail-deep:#032f35;
  --ofc-blog-rail-jade:#07534f;
  --ofc-blog-rail-gold:#e8bd55;
}

/* The article stage becomes an editorial island between two art-directed,
   text-free rails derived from the approved door-hanger visual system. */
.ofc-blog-premium-v160 .ofc-blog-article-stage{
  isolation:isolate;
  overflow:visible;
  background:linear-gradient(180deg,#eaf6f5 0%,#edf7f6 66%,#f8fbfb 100%);
}
.ofc-blog-premium-v160 .ofc-blog-article-stage:before{z-index:1}
.ofc-blog-premium-v160 .ofc-blog-ocean-rails{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.ofc-blog-premium-v160 .ofc-blog-ocean-rail,
.ofc-blog-premium-v160 .ofc-blog-ocean-rail-center{display:none}
.ofc-blog-premium-v160 .ofc-blog-mobile-toc,
.ofc-blog-premium-v160 .ofc-blog-article-layout{position:relative;z-index:3}

/* Reliable full-article desktop sticky guide. The grid item is stretched to
   the article height; the inner panel sticks within that full-height track. */
.ofc-blog-premium-v160 .ofc-blog-article-layout{
  width:min(1120px,calc(100% - 48px));
  grid-template-columns:230px minmax(0,830px);
  gap:clamp(34px,3.4vw,48px);
  align-items:stretch;
}
.ofc-blog-premium-v160 .ofc-blog-guide-rail{
  display:block;
  align-self:stretch;
  min-height:100%;
}
.ofc-blog-premium-v160 .ofc-blog-guide-rail-inner{
  position:-webkit-sticky;
  position:sticky;
  top:var(--ofc-blog-sticky-top);
  max-height:calc(100vh - var(--ofc-blog-sticky-top) - 18px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(10,123,128,.35) transparent;
}
.ofc-blog-premium-v160 .ofc-blog-guide-rail-inner::-webkit-scrollbar{width:6px}
.ofc-blog-premium-v160 .ofc-blog-guide-rail-inner::-webkit-scrollbar-track{background:transparent}
.ofc-blog-premium-v160 .ofc-blog-guide-rail-inner::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(10,123,128,.28)}
.ofc-blog-premium-v160 .ofc-blog-reading-column{align-self:start}
.ofc-blog-premium-v160 .ofc-blog-article-content h2{scroll-margin-top:var(--ofc-blog-anchor-offset)}

/* Small but important clarity refinements to the guide itself. */
.ofc-blog-premium-v160 .ofc-blog-guide-heading{padding-bottom:13px}
.ofc-blog-premium-v160 .ofc-blog-guide-heading strong{font-size:15px;line-height:1.15}
.ofc-blog-premium-v160 .ofc-blog-guide-heading>span{
  width:38px;
  height:38px;
  border-radius:11px;
  font-size:10px;
}
.ofc-blog-premium-v160 .ofc-blog-guide-rail nav{gap:5px}
.ofc-blog-premium-v160 .ofc-blog-guide-rail a{
  min-height:58px;
  padding:9px 10px;
  font-size:12.75px;
  line-height:1.25;
}
.ofc-blog-premium-v160 .ofc-blog-guide-rail a span{
  width:38px;
  height:38px;
  font-size:10px;
}
.ofc-blog-premium-v160 .ofc-blog-guide-progress-label{margin-top:14px}

/* Desktop ocean rails. Image declarations live only in this large-screen
   query so phones and tablets do not fetch decorative assets. */
@media(min-width:1280px){
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail,
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail-center{display:block}
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail{
    position:absolute;
    inset-block:0;
    width:clamp(112px,calc((100vw - 1060px)/2),430px);
    opacity:.94;
    background-repeat:no-repeat;
    background-size:100% 100%,auto 100vh;
    background-attachment:scroll;
    filter:saturate(.96) contrast(1.035);
  }
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail:after{
    content:"";
    position:absolute;
    inset-block:0;
    width:1px;
    background:linear-gradient(180deg,transparent,rgba(232,189,85,.72) 8%,rgba(73,213,206,.44) 50%,rgba(232,189,85,.72) 92%,transparent);
    box-shadow:0 0 18px rgba(232,189,85,.18);
  }
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail--left{
    left:0;
    background-image:
      linear-gradient(90deg,rgba(1,35,39,.18) 0%,rgba(1,35,39,.04) 42%,rgba(235,247,246,.96) 100%),
      url("../images/oahu-ocean-rail-left.webp");
    background-position:left center,left center;
  }
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail--left:after{right:0}
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail--right{
    right:0;
    background-image:
      linear-gradient(270deg,rgba(1,35,39,.18) 0%,rgba(1,35,39,.04) 42%,rgba(235,247,246,.96) 100%),
      url("../images/oahu-ocean-rail-right.webp");
    background-position:right center,right center;
  }
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail--right:after{left:0}
  .ofc-blog-premium-v160 .ofc-blog-ocean-rail-center{
    position:absolute;
    inset-block:0;
    left:50%;
    width:min(1160px,calc(100% - 104px));
    transform:translateX(-50%);
    border-inline:1px solid rgba(11,121,126,.13);
    background:
      linear-gradient(90deg,rgba(255,255,255,.30),transparent 11%,transparent 89%,rgba(255,255,255,.30)),
      linear-gradient(180deg,rgba(239,249,248,.975),rgba(237,247,246,.988) 70%,rgba(249,252,252,.99));
    box-shadow:0 0 80px rgba(2,43,53,.13),inset 0 0 70px rgba(255,255,255,.42);
  }
  .ofc-blog-premium-v160.ofc-blog-motion-ready .ofc-blog-ocean-rail{
    opacity:.01;
    transition:opacity .9s var(--ofc-blog-ease),filter .9s var(--ofc-blog-ease);
  }
  .ofc-blog-premium-v160.ofc-blog-motion-ready.is-hero-ready .ofc-blog-ocean-rail{opacity:.94}
}

/* Compact sticky mobile/tablet navigator. It follows the article but stays
   intentionally small; opening it reveals a bounded, scrollable section list. */
@media(max-width:1180px){
  .ofc-blog-premium-v160 .ofc-blog-article-layout{
    width:min(900px,calc(100% - 34px));
    grid-template-columns:minmax(0,1fr);
  }
  .ofc-blog-premium-v160 .ofc-blog-guide-rail{display:none}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:var(--ofc-blog-sticky-top);
    z-index:40;
    width:min(900px,calc(100% - 34px));
    max-height:calc(100vh - var(--ofc-blog-sticky-top) - 12px);
    margin-bottom:18px;
    overflow:auto;
    border-color:rgba(10,123,128,.23);
    background:rgba(250,254,253,.94);
    box-shadow:0 14px 34px rgba(2,42,54,.12),inset 0 1px rgba(255,255,255,.94);
    backdrop-filter:blur(16px) saturate(1.12);
    -webkit-backdrop-filter:blur(16px) saturate(1.12);
  }
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary{min-height:60px}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary b{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-size:14.5px;
  }
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary small{display:flex;gap:5px;align-items:center}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary small span{color:var(--ofc-blog-ocean);font-weight:950}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc[open] summary b{-webkit-line-clamp:2}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc nav{max-height:54vh;overflow:auto;overscroll-behavior:contain}
}

@media(max-width:700px){
  .ofc-blog-premium-v160{--ofc-blog-anchor-offset:164px}
  .ofc-blog-premium-v160 .ofc-blog-article-stage{padding-top:22px}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc,
  .ofc-blog-premium-v160 .ofc-blog-article-layout{width:min(100% - 20px,900px)}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc{
    margin-bottom:12px;
    border-radius:16px;
  }
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary{min-height:58px;padding:10px 12px}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary i{width:34px;height:34px}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc nav a{min-height:54px}
}

@media(max-width:420px){
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary b{font-size:13.5px}
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc summary small{font-size:10.5px}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v160.ofc-blog-motion-ready .ofc-blog-ocean-rail{opacity:.94;transition:none}
}

@media(forced-colors:active){
  .ofc-blog-premium-v160 .ofc-blog-ocean-rails{display:none}
  .ofc-blog-premium-v160 .ofc-blog-guide-rail-inner,
  .ofc-blog-premium-v160 .ofc-blog-mobile-toc{border:2px solid CanvasText}
}

/* ========================================================================
   Article Experience 1.8.0 — Responsive shoreline frame + clear guide links
   ======================================================================== */
.ofc-blog-premium-v170{
  --ofc-blog-frame-center:1180px;
  --ofc-blog-frame-seam:rgba(221,181,80,.58);
  --ofc-blog-frame-aqua:rgba(75,219,214,.42);
}

/* Keep the reading surface calm at every size. The photographic artwork is
   reserved for viewports with enough real gutter space to display it well. */
.ofc-blog-premium-v170 .ofc-blog-article-stage{
  overflow:clip;
  background:
    radial-gradient(circle at 8% 10%,rgba(39,185,188,.08),transparent 24%),
    radial-gradient(circle at 93% 18%,rgba(224,174,71,.075),transparent 25%),
    linear-gradient(180deg,#eaf6f5 0%,#edf7f6 68%,#f8fbfb 100%);
}
.ofc-blog-premium-v170 .ofc-blog-ocean-rails{contain:paint;isolation:isolate}
.ofc-blog-premium-v170 .ofc-blog-ocean-rail{
  display:none!important;
  opacity:1!important;
  background:none!important;
  background-image:none!important;
  background-attachment:scroll!important;
  filter:none!important;
  transition:none!important;
}
.ofc-blog-premium-v170 .ofc-blog-ocean-rail-visual{display:none}
.ofc-blog-premium-v170 .ofc-blog-ocean-rail-center{
  display:block;
  left:50%;
  width:min(var(--ofc-blog-frame-center),calc(100% - 44px));
  transform:translateX(-50%);
  border-inline:1px solid rgba(9,115,123,.10);
  background:
    linear-gradient(90deg,rgba(255,255,255,.38),transparent 8%,transparent 92%,rgba(255,255,255,.38)),
    linear-gradient(180deg,rgba(242,250,249,.97),rgba(238,248,247,.985) 72%,rgba(249,252,252,.99));
  box-shadow:0 0 74px rgba(2,43,53,.10),inset 0 0 70px rgba(255,255,255,.42);
}

/* High-definition ocean and shoreline artwork appears only where each side
   has at least ~220px of useful space. The image itself is a lazy-loaded,
   viewport-height sticky panel: no background-attachment, no full-page image
   stretching, and no repeated giant texture during scroll. */
@media(min-width:1520px){
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail{
    display:block!important;
    position:absolute;
    inset-block:0;
    width:clamp(220px,calc((100vw - 1080px)/2),470px);
    overflow:visible;
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--left{left:0}
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--right{right:0}
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail-visual{
    position:-webkit-sticky;
    position:sticky;
    top:var(--ofc-blog-sticky-top);
    display:block;
    width:100%;
    height:calc(100vh - var(--ofc-blog-sticky-top));
    min-height:520px;
    max-height:1080px;
    overflow:hidden;
    background:#073f43;
    box-shadow:inset 0 0 0 1px rgba(232,193,91,.22),0 18px 54px rgba(2,36,43,.12);
    contain:paint;
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail-visual:before,
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail-visual:after{
    content:"";
    position:absolute;
    z-index:2;
    pointer-events:none;
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail-visual:before{
    inset:0;
    background:linear-gradient(180deg,rgba(2,31,36,.16),transparent 16%,transparent 84%,rgba(2,31,36,.18));
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail-visual:after{
    top:0;
    bottom:0;
    width:52px;
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--left .ofc-blog-ocean-rail-visual{
    border-radius:0 28px 28px 0;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.80) 88%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.80) 88%,transparent 100%);
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--right .ofc-blog-ocean-rail-visual{
    border-radius:28px 0 0 28px;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 78%,rgba(0,0,0,.80) 88%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0%,#000 78%,rgba(0,0,0,.80) 88%,transparent 100%);
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--left .ofc-blog-ocean-rail-visual:after{
    right:24px;
    background:linear-gradient(90deg,transparent,rgba(239,249,248,.70));
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--right .ofc-blog-ocean-rail-visual:after{
    left:24px;
    background:linear-gradient(270deg,transparent,rgba(239,249,248,.70));
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail img{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    image-rendering:auto;
    filter:saturate(1.035) contrast(1.035);
    transform:translateZ(0);
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--left img{object-position:62% center}
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--right img{object-position:38% center}
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail-center{
    width:min(var(--ofc-blog-frame-center),calc(100% - 160px));
    border-inline-color:rgba(8,118,124,.16);
    box-shadow:0 0 92px rgba(2,43,53,.15),inset 0 0 74px rgba(255,255,255,.48);
  }
}

@media(min-width:1900px){
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail{
    width:clamp(390px,calc((100vw - 1080px)/2),560px);
  }
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--left img{object-position:66% center}
  .ofc-blog-premium-v170 .ofc-blog-ocean-rail--right img{object-position:34% center}
}

/* The three next-step resources must read and behave like links even before
   hover. Each has a visible action label, directional icon, border, elevation,
   and complete keyboard/touch states. */
.ofc-blog-premium-v170 .ofc-blog-resource-rail{
  grid-template-columns:minmax(220px,.82fr) repeat(3,minmax(0,1fr));
  gap:13px;
  padding:14px;
  border-color:rgba(7,112,120,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,249,248,.94));
  box-shadow:0 22px 52px rgba(2,42,54,.11),inset 0 1px rgba(255,255,255,.96);
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>div{align-self:center;padding:18px 17px}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:8px 12px;
  align-content:start;
  min-height:142px;
  padding:17px;
  overflow:hidden;
  cursor:pointer;
  border:1px solid rgba(7,112,120,.24);
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f0f8f7);
  color:var(--ofc-blog-ink);
  box-shadow:0 10px 24px rgba(2,42,54,.055),inset 0 1px rgba(255,255,255,.96);
  text-decoration:none;
  transition:transform .22s var(--ofc-blog-ease),border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--ofc-blog-aqua),var(--ofc-blog-gold));
  opacity:.72;
}
.ofc-blog-premium-v170 .ofc-blog-resource-number{
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px!important;
  background:linear-gradient(145deg,#032d3e,#076a67)!important;
  color:var(--ofc-blog-champagne)!important;
  font-size:10px!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(2,42,54,.16);
}
.ofc-blog-premium-v170 .ofc-blog-resource-copy{display:grid;gap:5px;min-width:0}
.ofc-blog-premium-v170 .ofc-blog-resource-copy b{font-size:15px;line-height:1.18}
.ofc-blog-premium-v170 .ofc-blog-resource-copy small{color:#58747d;font-size:11.5px;line-height:1.42}
.ofc-blog-premium-v170 .ofc-blog-resource-action{
  grid-column:2;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  width:max-content;
  max-width:100%;
  min-height:34px;
  margin-top:auto;
  padding:7px 8px 7px 11px;
  border:1px solid rgba(7,112,120,.20);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#08777b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.ofc-blog-premium-v170 .ofc-blog-resource-action i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--ofc-blog-ink);
  color:var(--ofc-blog-gold);
  font-style:normal;
  font-size:13px;
  transition:transform .22s var(--ofc-blog-ease);
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a:focus-visible{
  outline:3px solid rgba(8,174,181,.38);
  outline-offset:3px;
  border-color:#078e96;
  box-shadow:0 18px 36px rgba(2,42,54,.13),0 0 0 1px rgba(7,142,150,.18);
}
@media(hover:hover) and (pointer:fine){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a:hover{
    transform:translateY(-4px);
    border-color:rgba(8,143,150,.56);
    background:linear-gradient(145deg,#fff,#f7fcfb);
    box-shadow:0 19px 40px rgba(2,42,54,.14),0 0 0 1px rgba(221,181,80,.14);
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a:hover .ofc-blog-resource-action i{transform:translateX(3px)}
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a:active{transform:translateY(0) scale(.985)}

@media(max-width:1180px){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>div{grid-column:1/-1;padding-bottom:8px}
}
@media(max-width:820px){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail{grid-template-columns:1fr;gap:10px}
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>div{grid-column:auto;padding:15px 12px 8px}
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a{
    grid-template-columns:46px minmax(0,1fr) auto;
    grid-template-rows:auto;
    align-items:center;
    min-height:96px;
    padding:15px;
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-number{grid-row:auto!important;width:44px!important;height:44px!important}
  .ofc-blog-premium-v170 .ofc-blog-resource-action{grid-column:auto;margin:0;padding-left:10px}
}
@media(max-width:560px){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a{
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    min-height:118px;
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-number{grid-row:1/3!important;width:40px!important;height:40px!important}
  .ofc-blog-premium-v170 .ofc-blog-resource-action{grid-column:2;justify-self:start}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a,
  .ofc-blog-premium-v170 .ofc-blog-resource-action i{transition:none!important}
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a:hover{transform:none}
}
@media(forced-colors:active){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a,
  .ofc-blog-premium-v170 .ofc-blog-resource-action{border:2px solid LinkText}
  .ofc-blog-premium-v170 .ofc-blog-resource-number{border:2px solid CanvasText}
}

/* 1.8.0 post-render corrections: preserve native sticky rails and fully reset
   legacy generic span styling inside the redesigned resource links. */
.ofc-blog-premium-v170 .ofc-blog-article-stage,
.ofc-blog-premium-v170 .ofc-blog-ocean-rails{overflow:visible!important}

.ofc-blog-premium-v170 .ofc-blog-resource-rail{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>div{
  grid-column:1/-1;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:22px;
  padding:16px 17px 10px;
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>div .ofc-blog-card-kicker{margin-bottom:5px}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>div h2{max-width:520px}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a>.ofc-blog-resource-copy{
  grid-column:2;
  grid-row:1;
  display:grid!important;
  place-items:initial!important;
  width:auto!important;
  height:auto!important;
  min-width:0;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font-size:inherit!important;
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a>.ofc-blog-resource-action{
  grid-column:2;
  grid-row:2;
  display:inline-flex!important;
  place-items:initial!important;
  width:max-content!important;
  height:auto!important;
  margin-top:auto!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#08777b!important;
  font-size:10px!important;
}
.ofc-blog-premium-v170 .ofc-blog-resource-rail>a>.ofc-blog-resource-action i{
  display:grid;
  place-items:center;
}

@media(max-width:820px){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>div{
    grid-column:auto;
    display:block;
    padding:15px 12px 8px;
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a{
    grid-template-columns:46px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:start;
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a>.ofc-blog-resource-number{grid-row:1/3!important}
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a>.ofc-blog-resource-copy{grid-column:2;grid-row:1}
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a>.ofc-blog-resource-action{grid-column:2;grid-row:2;justify-self:start}
}
@media(max-width:820px){
  .ofc-blog-premium-v170 .ofc-blog-resource-rail{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .ofc-blog-premium-v170 .ofc-blog-resource-rail>a{
    width:100%;
    min-width:0;
  }
}

/* ========================================================================
   Article Experience 1.8.0 — High-definition shoreline theater
   ======================================================================== */
.ofc-blog-premium-v180{
  --ofc-blog-shoreline-center:1280px;
  --ofc-blog-shoreline-emerald:#063f3b;
  --ofc-blog-shoreline-emerald-deep:#032c2d;
  --ofc-blog-shoreline-gold:#d9b45a;
  --ofc-blog-shoreline-gold-light:#f4dfa1;
}

/* The reading surface remains the primary visual plane. Decorative scenery
   lives behind it and never changes the article width or text contrast. */
.ofc-blog-premium-v180 .ofc-blog-article-stage{
  overflow:visible!important;
  background:
    radial-gradient(circle at 7% 8%,rgba(35,181,184,.085),transparent 24%),
    radial-gradient(circle at 94% 13%,rgba(224,174,71,.085),transparent 25%),
    linear-gradient(180deg,#edf8f7 0%,#eef8f7 68%,#f8fbfb 100%);
}
.ofc-blog-premium-v180 .ofc-blog-article-stage:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,69,70,.05),transparent 14%,transparent 86%,rgba(107,76,17,.045)),
    linear-gradient(180deg,rgba(255,255,255,.16),transparent 18%,transparent 82%,rgba(255,255,255,.22));
}
.ofc-blog-premium-v180 .ofc-blog-article-layout,
.ofc-blog-premium-v180 .ofc-blog-mobile-toc,
.ofc-blog-premium-v180 .ofc-blog-mobile-shoreline{position:relative;z-index:2}

/* Reset the prior stretched/cropped rail implementation. */
.ofc-blog-premium-v180 .ofc-blog-ocean-rails{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:visible!important;
  contain:layout paint;
  pointer-events:none;
  isolation:isolate;
}
.ofc-blog-premium-v180 .ofc-blog-ocean-rail{
  display:none!important;
  opacity:1!important;
  background:none!important;
  filter:none!important;
  transition:none!important;
}
.ofc-blog-premium-v180 .ofc-blog-ocean-rail-visual{
  display:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.ofc-blog-premium-v180 .ofc-blog-ocean-rail-center{
  display:block!important;
  left:50%!important;
  width:min(var(--ofc-blog-shoreline-center),calc(100% - 44px))!important;
  transform:translateX(-50%)!important;
  border-inline:1px solid rgba(7,112,120,.12)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.52),transparent 6%,transparent 94%,rgba(255,255,255,.52)),
    linear-gradient(180deg,rgba(246,252,251,.985),rgba(239,249,248,.99) 72%,rgba(250,253,253,.995))!important;
  box-shadow:0 0 88px rgba(2,43,53,.12),inset 0 0 84px rgba(255,255,255,.48)!important;
}

/* Web-native art is shown only when there is genuinely enough desktop gutter.
   The frame height determines its width, matching the source aspect ratio so
   the scenery is never enlarged, squeezed, or aggressively cropped. */
@media(min-width:1800px){
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail{
    display:block!important;
    position:absolute!important;
    inset-block:0!important;
    width:calc((100vw - var(--ofc-blog-shoreline-center))/2)!important;
    min-width:250px;
    overflow:visible!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--left{left:0!important}
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--right{right:0!important}
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--left:before{
    background:linear-gradient(90deg,var(--ofc-blog-shoreline-emerald-deep),rgba(6,63,59,.78) 36%,rgba(6,63,59,.12) 78%,transparent);
    border-right:1px solid rgba(217,180,90,.28);
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--right:before{
    background:linear-gradient(270deg,var(--ofc-blog-shoreline-emerald-deep),rgba(6,63,59,.78) 36%,rgba(6,63,59,.12) 78%,transparent);
    border-left:1px solid rgba(217,180,90,.28);
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-visual{
    position:sticky!important;
    top:var(--ofc-blog-sticky-top)!important;
    display:block!important;
    height:min(calc(100vh - var(--ofc-blog-sticky-top) - 18px),1060px)!important;
    width:auto!important;
    aspect-ratio:900/3360!important;
    overflow:hidden!important;
    border:1px solid rgba(244,223,161,.78)!important;
    border-radius:26px 10px 26px 10px!important;
    background:var(--ofc-blog-shoreline-emerald)!important;
    box-shadow:
      0 28px 70px rgba(1,31,35,.22),
      0 0 0 4px rgba(4,61,58,.96),
      0 0 0 6px rgba(217,180,90,.76),
      0 0 0 10px rgba(4,55,53,.92),
      inset 0 0 0 1px rgba(255,255,255,.18)!important;
    contain:paint;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--left .ofc-blog-ocean-rail-visual{
    margin-left:auto!important;
    margin-right:18px!important;
    border-radius:10px 26px 10px 26px!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--right .ofc-blog-ocean-rail-visual{
    margin-left:18px!important;
    margin-right:auto!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-visual:before,
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-visual:after{
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-visual:before{
    inset:0!important;
    width:auto!important;
    background:
      linear-gradient(180deg,rgba(2,31,36,.10),transparent 14%,transparent 86%,rgba(2,31,36,.18)),
      linear-gradient(105deg,rgba(255,255,255,.10),transparent 25%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-visual:after{
    top:0!important;
    bottom:0!important;
    width:54px!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--left .ofc-blog-ocean-rail-visual:after{
    right:0!important;
    left:auto!important;
    background:linear-gradient(90deg,transparent,rgba(242,250,249,.80))!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail--right .ofc-blog-ocean-rail-visual:after{
    left:0!important;
    right:auto!important;
    background:linear-gradient(270deg,transparent,rgba(242,250,249,.80))!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail img{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    image-rendering:auto!important;
    filter:none!important;
    transform:none!important;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-center{
    width:min(var(--ofc-blog-shoreline-center),calc(100% - 120px))!important;
    border-inline-color:rgba(8,118,124,.16)!important;
    box-shadow:0 0 100px rgba(2,43,53,.16),inset 0 0 86px rgba(255,255,255,.50)!important;
  }
}

/* Mid-size desktops keep the premium frame language without forcing a photo
   into gutters that are too narrow to show it cleanly. */
@media(min-width:1181px) and (max-width:1799px){
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-center:before,
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-center:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:3px;
    background:linear-gradient(180deg,transparent,var(--ofc-blog-aqua),var(--ofc-blog-shoreline-gold),transparent);
    opacity:.58;
  }
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-center:before{left:0}
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail-center:after{right:0}
}

/* Phones and tablets receive a dedicated lightweight panorama instead of
   impossible side rails. It is decorative, short, and never sits behind text. */
.ofc-blog-premium-v180 .ofc-blog-mobile-shoreline{display:none}
@media(max-width:1180px){
  .ofc-blog-premium-v180 .ofc-blog-mobile-shoreline{
    display:block;
    width:100vw;
    height:clamp(108px,22vw,210px);
    margin:-22px calc(50% - 50vw) clamp(24px,4vw,38px);
    overflow:hidden;
    border-block:1px solid rgba(217,180,90,.48);
    background-image:
      linear-gradient(180deg,rgba(2,43,50,.10),transparent 22%,transparent 78%,rgba(2,43,50,.14)),
      url("../images/oahu-shoreline-mobile-native-v111.webp");
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    box-shadow:inset 0 1px rgba(255,255,255,.40),inset 0 -1px rgba(255,255,255,.22),0 12px 30px rgba(2,43,53,.08);
  }
}
@media(max-width:560px){
  .ofc-blog-premium-v180 .ofc-blog-mobile-shoreline{
    height:118px;
    margin-top:-18px;
    background-position:center 46%;
  }
}

@media(prefers-reduced-data:reduce){
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail,
  .ofc-blog-premium-v180 .ofc-blog-mobile-shoreline{display:none!important}
}
@media(forced-colors:active){
  .ofc-blog-premium-v180 .ofc-blog-ocean-rail,
  .ofc-blog-premium-v180 .ofc-blog-mobile-shoreline{display:none!important}
}

/* --------------------------------------------------------------------------
   1.9.0 — cinematic parted-shoreline environment
   Replaces the framed portrait rails with one responsive, full-viewport scene.
   The scene is a transparent-center web asset: vivid ocean remains on the left,
   warm shoreline remains on the right, and the article reads through a calm,
   opaque center corridor. It is activated only while the article stage is in
   view and only on desktop widths with enough real space for the composition.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v190 .ofc-blog-ocean-rails{display:none!important}
.ofc-blog-premium-v190 .ofc-blog-article-stage{
  position:relative;
  isolation:isolate;
  overflow:visible!important;
  background:linear-gradient(180deg,#edf8f7 0%,#eef8f7 68%,#f8fbfb 100%)!important;
}
.ofc-blog-premium-v190 .ofc-blog-article-stage:after{display:none!important}
.ofc-blog-premium-v190 .ofc-blog-parted-shoreline{display:none}
.ofc-blog-premium-v190 .ofc-blog-mobile-toc,
.ofc-blog-premium-v190 .ofc-blog-article-layout{position:relative;z-index:4}

@media(min-width:1560px){
  .ofc-blog-premium-v190 .ofc-blog-article-stage{
    background:transparent!important;
  }
  .ofc-blog-premium-v190 .ofc-blog-article-stage:before{
    content:"";
    position:absolute;
    z-index:2;
    inset-block:0;
    left:50%;
    width:clamp(1120px,64vw,1280px);
    transform:translateX(-50%);
    pointer-events:none;
    border-inline:1px solid rgba(29,157,158,.18);
    background:
      linear-gradient(90deg,rgba(255,255,255,.70),transparent 5%,transparent 95%,rgba(255,255,255,.70)),
      linear-gradient(180deg,rgba(242,251,250,.985),rgba(238,249,248,.992) 72%,rgba(250,253,253,.995));
    box-shadow:
      0 0 100px rgba(2,43,53,.18),
      inset 0 0 90px rgba(255,255,255,.56);
  }
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline{
    display:block;
    position:fixed;
    z-index:1;
    top:var(--ofc-blog-sticky-top);
    right:0;
    bottom:0;
    left:0;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    background-image:url("../images/oahu-parted-shoreline-environment-v113.webp");
    background-repeat:no-repeat;
    background-position:center 44%;
    background-size:cover;
    filter:saturate(1.045) contrast(1.025);
    transform:translateZ(0);
    transition:opacity .34s ease,visibility 0s linear .34s;
    will-change:opacity;
  }
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline:before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(180deg,rgba(1,27,35,.08),transparent 14%,transparent 84%,rgba(1,27,35,.11)),
      radial-gradient(ellipse at 0 50%,rgba(24,199,211,.10),transparent 39%),
      radial-gradient(ellipse at 100% 48%,rgba(255,190,74,.11),transparent 40%);
  }
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline:after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow:inset 0 0 120px rgba(1,34,39,.18);
  }
  .ofc-blog-premium-v190.is-shoreline-active .ofc-blog-parted-shoreline{
    opacity:1;
    visibility:visible;
    transition-delay:0s;
  }
  .ofc-blog-premium-v190 .ofc-blog-article-layout{
    width:min(1120px,calc(100% - 72px));
  }
  .ofc-blog-premium-v190 .ofc-blog-editorial-sheet,
  .ofc-blog-premium-v190 .ofc-blog-resource-rail{
    box-shadow:0 30px 76px rgba(2,43,53,.16),0 8px 24px rgba(2,43,53,.07);
  }
}

@media(min-width:2200px){
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline{
    background-size:100% auto;
    background-position:center 42%;
  }
}

/* Tablet and phone: the wide parted-sea composition is replaced by a short,
   full-width shoreline transition. It never competes with the reading column. */
@media(max-width:1559px){
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline{transition:none!important}
}
@media(prefers-reduced-data:reduce), (forced-colors:active){
  .ofc-blog-premium-v190 .ofc-blog-parted-shoreline{display:none!important}
  .ofc-blog-premium-v190 .ofc-blog-article-stage{background:linear-gradient(180deg,#edf8f7,#f8fbfb)!important}
}


/* --------------------------------------------------------------------------
   1.9.1 — focused mobile reading controls
   Keeps the compact progress/section navigator above every article surface and
   removes the global mobile action dock from Blog articles. The top website
   header and its mobile menu remain available, so no navigation access is lost.
   -------------------------------------------------------------------------- */
@media(max-width:1180px){
  .ofc-blog-premium-v191 .ofc-blog-mobile-toc{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:var(--ofc-blog-sticky-top)!important;
    z-index:9996!important;
    isolation:isolate;
    align-self:start;
    overflow:hidden!important;
    box-shadow:
      0 18px 42px rgba(2,42,54,.16),
      0 2px 8px rgba(2,42,54,.08),
      inset 0 1px rgba(255,255,255,.96)!important;
  }
  .ofc-blog-premium-v191 .ofc-blog-mobile-toc summary{
    position:relative;
    z-index:2;
    background:rgba(250,254,253,.97);
  }
  .ofc-blog-premium-v191 .ofc-blog-mobile-toc nav{
    position:relative;
    z-index:1;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .ofc-blog-premium-v191 .ofc-blog-article-layout{
    z-index:3!important;
  }
}

@media(max-width:767px){
  html body.ofc-blog-article-route.ofc-v80-nav-dock-stability-final,
  html body.ofc-blog-article-route{
    padding-bottom:0!important;
  }
  html body.ofc-blog-article-route.ofc-v80-nav-dock-stability-final .ofc-v62-action-dock,
  html body.ofc-blog-article-route.ofc-v80-nav-dock-stability-final.ofc-v80-dock-visible .ofc-v62-action-dock,
  html body.ofc-blog-article-route.ofc-blog-action-dock-suppressed :is(.ofc-v62-action-dock,.ofc-mobile-action-dock,.ofc-action-dock),
  html body.ofc-blog-article-route :is(.ofc-v62-action-dock,.ofc-mobile-action-dock,.ofc-action-dock){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v191 .ofc-blog-mobile-toc{transition:none!important}
}

@media(forced-colors:active){
  .ofc-blog-premium-v191 .ofc-blog-mobile-toc{border:2px solid CanvasText!important;box-shadow:none!important}
}


/* --------------------------------------------------------------------------
   1.10.0 — mobile reading command center and clean shoreline assets
   Fixes the rotated-title defect, converts the expanded mobile navigator into
   an overlay drawer, folds the primary website shortcuts and conversion actions
   into the same calm control, and displays the dedicated mobile panorama at its
   native aspect ratio. The desktop environment uses an alpha-center artwork
   with no embedded webpage interface.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1100 .ofc-blog-mobile-toc[open] summary>span,
.ofc-blog-premium-v1100 .ofc-blog-mobile-toc[open] summary .ofc-blog-mobile-toc-summary-copy{
  transform:none!important;
}
.ofc-blog-premium-v1100 .ofc-blog-mobile-progress-track,
.ofc-blog-premium-v1100 .ofc-blog-mobile-progress-track>span{display:block}
.ofc-blog-premium-v1100 .ofc-blog-mobile-progress-track{
  position:absolute;
  right:16px;
  bottom:0;
  left:16px;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(10,123,128,.10);
}
.ofc-blog-premium-v1100 .ofc-blog-mobile-progress-track>span{
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--ofc-blog-aqua),#8de2dd 48%,var(--ofc-blog-champagne));
  box-shadow:0 0 12px rgba(73,213,206,.28);
}

@media(max-width:1180px){
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc{
    overflow:visible!important;
    border:1px solid rgba(7,104,113,.22)!important;
    border-radius:22px!important;
    background:rgba(250,254,253,.96)!important;
    box-shadow:0 20px 48px rgba(2,42,54,.18),0 4px 12px rgba(2,42,54,.08),inset 0 1px rgba(255,255,255,.98)!important;
    backdrop-filter:blur(18px) saturate(1.15);
    -webkit-backdrop-filter:blur(18px) saturate(1.15);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc summary{
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    gap:13px;
    align-items:center;
    min-height:76px;
    padding:13px 15px 16px 18px;
    border-radius:21px;
    background:
      radial-gradient(circle at 94% 9%,rgba(244,196,94,.14),transparent 31%),
      linear-gradient(145deg,rgba(255,255,255,.985),rgba(241,250,249,.97));
    color:var(--ofc-blog-ink);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc[open] summary{
    border-bottom:1px solid rgba(10,123,128,.16);
    border-radius:21px 21px 14px 14px;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-summary-copy{
    min-width:0;
    display:grid!important;
    gap:3px!important;
    transform:none!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc summary b{
    display:-webkit-box;
    overflow:hidden;
    color:var(--ofc-blog-ink);
    font-size:clamp(15px,4.25vw,18px);
    font-weight:950;
    line-height:1.18;
    letter-spacing:-.018em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc summary small{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:5px;
    color:#6c8188;
    font-size:12px;
    font-weight:850;
    line-height:1.2;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc summary small strong{
    color:#087a82;
    font-size:14px;
    font-weight:950;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle{
    position:relative;
    display:block!important;
    width:48px!important;
    height:48px!important;
    border:1px solid rgba(10,123,128,.24)!important;
    border-radius:16px 7px 16px 7px!important;
    background:linear-gradient(145deg,#f8fdfc,#e6f5f3)!important;
    color:var(--ofc-blog-ocean)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.92),0 8px 18px rgba(2,42,54,.07);
    transform:none!important;
    transition:transform .24s var(--ofc-blog-ease),background .24s ease,border-color .24s ease!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle:before,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle:after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:18px;
    height:3px;
    border-radius:99px;
    background:currentColor;
    transform:translate(-50%,-50%);
    transition:transform .24s var(--ofc-blog-ease),opacity .18s ease;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc[open] .ofc-blog-mobile-toc-toggle{
    border-color:rgba(244,196,94,.48)!important;
    background:linear-gradient(145deg,#07394a,#086867)!important;
    color:#fff!important;
    transform:none!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc[open] .ofc-blog-mobile-toc-toggle:before{transform:translate(-50%,-50%) rotate(45deg)}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc[open] .ofc-blog-mobile-toc-toggle:after{transform:translate(-50%,-50%) rotate(-45deg)}

  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer{
    position:absolute;
    z-index:3;
    top:calc(100% + 9px);
    right:0;
    left:0;
    max-height:min(650px,var(--ofc-mobile-drawer-max,calc(100dvh - var(--ofc-blog-sticky-top) - 98px)));
    padding:14px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(10,123,128,.22);
    border-radius:23px;
    background:
      radial-gradient(circle at 90% 2%,rgba(244,196,94,.14),transparent 28%),
      linear-gradient(160deg,rgba(252,255,255,.995),rgba(237,248,247,.992));
    box-shadow:0 32px 74px rgba(1,30,43,.28),0 8px 22px rgba(1,30,43,.12),inset 0 1px rgba(255,255,255,.98);
    scrollbar-width:thin;
    scrollbar-color:rgba(10,123,128,.38) transparent;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer::-webkit-scrollbar{width:7px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(10,123,128,.32)}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-section{
    padding:13px;
    border:1px solid rgba(10,123,128,.14);
    border-radius:18px;
    background:rgba(255,255,255,.82);
    box-shadow:inset 0 1px rgba(255,255,255,.96);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-section+.ofc-blog-mobile-drawer-section{margin-top:12px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-heading{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
    padding:1px 2px 11px;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-heading p{
    margin:0 0 2px;
    color:#07828a;
    font-size:10px;
    font-weight:950;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-heading strong{
    margin:0;
    color:var(--ofc-blog-ink);
    font-size:18px;
    font-weight:950;
    line-height:1.15;
    letter-spacing:-.018em;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-heading>span{
    flex:0 0 auto;
    padding:5px 8px;
    border:1px solid rgba(244,196,94,.42);
    border-radius:999px;
    background:#fff8e4;
    color:#9b6b08;
    font-size:10px;
    font-weight:950;
  }

  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links{
    display:grid!important;
    gap:7px!important;
    padding:0!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 25px!important;
    gap:11px!important;
    align-items:center!important;
    min-height:58px!important;
    padding:8px 10px!important;
    border:1px solid rgba(10,123,128,.14)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#fff,#f5fbfa)!important;
    color:#365c67!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.22!important;
    text-decoration:none!important;
    box-shadow:0 6px 15px rgba(2,42,54,.035);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>span{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(10,123,128,.22)!important;
    border-radius:12px 5px 12px 5px!important;
    background:#f3faf9!important;
    color:#087880!important;
    font-size:10px!important;
    font-weight:950!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>b{font-size:13px!important;font-weight:950!important}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>i{
    color:#178e93;
    font-style:normal;
    font-size:18px;
    text-align:center;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a.is-active{
    border-color:rgba(73,213,206,.32)!important;
    background:linear-gradient(135deg,#062d3d,#08605f)!important;
    color:#fff!important;
    box-shadow:0 13px 27px rgba(2,42,54,.15);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a.is-active>span{
    border-color:rgba(244,196,94,.48)!important;
    background:rgba(255,255,255,.08)!important;
    color:var(--ofc-blog-champagne)!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a.is-active>i{color:var(--ofc-blog-champagne)}

  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid{display:grid;gap:9px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a{
    display:grid;
    grid-template-columns:minmax(0,1fr) 38px;
    gap:10px;
    align-items:center;
    min-height:66px;
    padding:10px 12px 10px 15px;
    border-radius:16px;
    text-decoration:none;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a span{display:grid;gap:1px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a small{
    font-size:9px;
    font-weight:950;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a b{font-size:16px;font-weight:950;line-height:1.1}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a em{font-style:normal;font-size:11px;font-weight:850}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a>i{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:12px;
    font-style:normal;
    font-size:18px;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-price-action{
    border:1px solid rgba(151,101,0,.48);
    background:linear-gradient(180deg,#ffec98,#ffc934 58%,#eeb000);
    color:var(--ofc-blog-ink)!important;
    box-shadow:0 13px 27px rgba(225,162,0,.25),inset 0 1px rgba(255,255,255,.88);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-price-action small{color:#7a5506}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-price-action>i{background:rgba(255,255,255,.35);color:#073448}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-call-action{
    border:1px solid rgba(255,255,255,.16);
    background:radial-gradient(circle at 95% 0,rgba(73,213,206,.18),transparent 34%),linear-gradient(145deg,#052e40,#08625f);
    color:#fff!important;
    box-shadow:0 14px 28px rgba(2,42,54,.16),inset 0 1px rgba(255,255,255,.10);
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-call-action small{color:#a7e6e2}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-call-action em{color:rgba(255,255,255,.76)}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-call-action>i{background:rgba(255,255,255,.10);color:#fff}

  .ofc-blog-premium-v1100 .ofc-blog-mobile-site-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px!important;
    padding:0!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-site-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:48px!important;
    padding:9px 11px!important;
    border:1px solid rgba(10,123,128,.15)!important;
    border-radius:13px!important;
    background:#f5faf9!important;
    color:#254e5b!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.18!important;
    text-decoration:none!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-site-links a[aria-current="page"]{
    border-color:rgba(73,213,206,.30)!important;
    background:#e9f7f5!important;
    color:#076d74!important;
  }
  .ofc-blog-premium-v1100 .ofc-blog-mobile-site-links a i{color:#0b8a90;font-style:normal;font-size:15px}

  .ofc-blog-premium-v1100 .ofc-blog-mobile-shoreline{
    height:clamp(138px,37.5vw,260px)!important;
    margin-top:-12px!important;
    background-position:center!important;
    background-size:cover!important;
    image-rendering:auto;
  }
}

@media(max-width:430px){
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc{width:min(100% - 20px,var(--ofc-blog-shell))}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc summary{grid-template-columns:minmax(0,1fr) 46px;padding-left:15px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle{width:46px!important;height:46px!important}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer{right:-1px;left:-1px;padding:11px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-section{padding:10px}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-site-links{grid-template-columns:1fr}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-shoreline{height:clamp(136px,37.5vw,162px)!important}
}

@media(hover:hover) and (pointer:fine) and (max-width:1180px){
  .ofc-blog-premium-v1100 .ofc-blog-mobile-guide-links a:hover,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-site-links a:hover{transform:translateY(-1px);border-color:rgba(10,123,128,.32)!important;box-shadow:0 11px 22px rgba(2,42,54,.08)}
  .ofc-blog-premium-v1100 .ofc-blog-mobile-action-grid>a:hover{transform:translateY(-2px)}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle:before,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-toc-toggle:after,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer a{transition:none!important}
}

@media(forced-colors:active){
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer-section,
  .ofc-blog-premium-v1100 .ofc-blog-mobile-drawer a{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important;box-shadow:none!important}
}

/* --------------------------------------------------------------------------
   1.11.0 — compact mobile command panel + cache-safe shoreline repair
   Keeps the reading menu useful without turning it into a second full page.
   Section and website destinations use two compact tab views; price and phone
   actions remain visible in one restrained row. New uniquely named artwork
   assets prevent stale CDN/browser copies from reintroducing the old mockup.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1110 .ofc-blog-mobile-command-panel[hidden]{display:none!important}

@media(min-width:1560px){
  .ofc-blog-premium-v1110 .ofc-blog-article-stage:before{
    width:clamp(1160px,66vw,1480px)!important;
    border-inline-color:rgba(29,157,158,.14)!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.92),rgba(243,251,250,.995) 7%,rgba(239,249,248,.998) 50%,rgba(243,251,250,.995) 93%,rgba(255,255,255,.92))!important;
    box-shadow:0 0 96px rgba(2,43,53,.16),inset 0 0 96px rgba(255,255,255,.72)!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-parted-shoreline{
    background-image:url("../images/oahu-parted-shoreline-environment-v113.webp")!important;
    background-position:center 45%!important;
    background-size:cover!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-parted-shoreline:before{
    background:
      linear-gradient(90deg,transparent 0 15%,rgba(239,249,248,.94) 23%,rgba(239,249,248,.998) 31% 69%,rgba(239,249,248,.94) 77%,transparent 85%),
      linear-gradient(180deg,rgba(1,27,35,.06),transparent 15%,transparent 86%,rgba(1,27,35,.08)),
      radial-gradient(ellipse at 0 50%,rgba(24,199,211,.10),transparent 39%),
      radial-gradient(ellipse at 100% 48%,rgba(255,190,74,.11),transparent 40%)!important;
  }
}

@media(max-width:1180px){
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc{
    border-radius:19px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc summary{
    min-height:72px!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:10px!important;
    padding:10px 12px 13px 15px!important;
    border-radius:18px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc[open] summary{
    border-radius:18px 18px 12px 12px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc summary b{
    font-size:clamp(14px,4vw,17px)!important;
    -webkit-line-clamp:2!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc summary small{
    font-size:11px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc summary small strong{
    font-size:13px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc-toggle{
    width:44px!important;
    height:44px!important;
    border-radius:14px 6px 14px 6px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-progress-track{
    right:14px!important;
    left:14px!important;
  }

  .ofc-blog-premium-v1110 .ofc-blog-mobile-drawer{
    top:calc(100% + 7px)!important;
    max-height:none!important;
    padding:10px!important;
    overflow:visible!important;
    border-radius:19px!important;
    background:
      radial-gradient(circle at 94% 0,rgba(244,196,94,.12),transparent 27%),
      linear-gradient(160deg,rgba(253,255,255,.998),rgba(239,249,248,.998))!important;
    box-shadow:0 24px 58px rgba(1,30,43,.25),0 7px 18px rgba(1,30,43,.10),inset 0 1px rgba(255,255,255,.98)!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:3px;
    border:1px solid rgba(10,123,128,.13);
    border-radius:14px;
    background:rgba(226,242,240,.72);
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:7px 10px;
    border:0;
    border-radius:11px;
    background:transparent;
    color:#46656d;
    font:inherit;
    font-size:12px;
    font-weight:950;
    line-height:1;
    cursor:pointer;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button small{
    display:grid;
    place-items:center;
    min-width:21px;
    height:21px;
    padding:0 5px;
    border-radius:999px;
    background:rgba(10,123,128,.10);
    color:#087b82;
    font-size:9px;
    font-weight:950;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button[aria-selected="true"]{
    background:linear-gradient(145deg,#07394a,#086563);
    color:#fff;
    box-shadow:0 7px 15px rgba(2,42,54,.13),inset 0 1px rgba(255,255,255,.10);
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button[aria-selected="true"] small{
    background:rgba(244,196,94,.16);
    color:#ffd66c;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button:focus-visible{
    outline:3px solid rgba(24,158,165,.34);
    outline-offset:2px;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-panel{
    padding-top:8px;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links a{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 16px!important;
    gap:7px!important;
    align-items:center!important;
    min-height:50px!important;
    padding:7px 8px!important;
    border:1px solid rgba(10,123,128,.14)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#fff,#f5fbfa)!important;
    color:#345963!important;
    font-size:11.5px!important;
    font-weight:900!important;
    line-height:1.12!important;
    text-decoration:none!important;
    box-shadow:0 4px 11px rgba(2,42,54,.028)!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>span{
    display:grid!important;
    place-items:center!important;
    width:29px!important;
    height:29px!important;
    border:1px solid rgba(10,123,128,.20)!important;
    border-radius:9px 4px 9px 4px!important;
    background:#f1f9f8!important;
    color:#087880!important;
    font-size:8.5px!important;
    font-weight:950!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>b{
    display:-webkit-box;
    overflow:hidden;
    font-size:11.5px!important;
    font-weight:950!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>i,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links a>i{
    color:#168b91!important;
    font-style:normal!important;
    font-size:14px!important;
    text-align:center!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a.is-active{
    border-color:rgba(244,196,94,.40)!important;
    background:linear-gradient(135deg,#062d3d,#08605f)!important;
    color:#fff!important;
    box-shadow:0 10px 20px rgba(2,42,54,.14)!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a.is-active>span{
    border-color:rgba(244,196,94,.48)!important;
    background:rgba(255,255,255,.08)!important;
    color:#ffd66c!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a.is-active>i{color:#ffd66c!important}

  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links a{
    grid-template-columns:minmax(0,1fr) 16px!important;
    min-height:48px!important;
    padding-inline:11px!important;
    font-size:12px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links a[aria-current="page"]{
    border-color:rgba(73,213,206,.30)!important;
    background:#e9f7f5!important;
    color:#076d74!important;
  }

  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid rgba(10,123,128,.13);
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions>a{
    display:grid;
    grid-template-columns:minmax(0,1fr) 30px;
    gap:7px;
    align-items:center;
    min-height:52px;
    padding:8px 9px 8px 11px;
    border-radius:13px;
    text-decoration:none;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions>a span{display:grid;gap:1px;min-width:0}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions>a small{
    overflow:hidden;
    font-size:7.5px;
    font-weight:950;
    letter-spacing:.08em;
    line-height:1;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions>a b{
    font-size:13px;
    font-weight:950;
    line-height:1.08;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions>a>i{
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:9px;
    font-style:normal;
    font-size:15px;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-price-action{
    border:1px solid rgba(151,101,0,.44)!important;
    background:linear-gradient(180deg,#ffed9a,#ffc934 58%,#eeb000)!important;
    color:var(--ofc-blog-ink)!important;
    box-shadow:0 9px 20px rgba(225,162,0,.21),inset 0 1px rgba(255,255,255,.88)!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-price-action small{color:#765205!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-price-action>i{background:rgba(255,255,255,.34)!important;color:#073448!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-call-action{
    border:1px solid rgba(255,255,255,.15)!important;
    background:radial-gradient(circle at 95% 0,rgba(73,213,206,.18),transparent 34%),linear-gradient(145deg,#052e40,#08625f)!important;
    color:#fff!important;
    box-shadow:0 9px 20px rgba(2,42,54,.14),inset 0 1px rgba(255,255,255,.10)!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-call-action small{color:#a7e6e2!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-call-action>i{background:rgba(255,255,255,.10)!important;color:#fff!important}

  .ofc-blog-premium-v1110 .ofc-blog-mobile-shoreline{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:8/3!important;
    margin-top:-8px!important;
    background-image:url("../images/oahu-shoreline-mobile-native-v111.webp")!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
}

@media(max-width:360px){
  .ofc-blog-premium-v1110 .ofc-blog-mobile-drawer{padding:8px!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links{gap:5px!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a{
    grid-template-columns:27px minmax(0,1fr) 13px!important;
    gap:5px!important;
    min-height:47px!important;
    padding:6px!important;
    font-size:10.5px!important;
  }
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>span{width:26px!important;height:26px!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-toc .ofc-blog-mobile-guide-links a>b{font-size:10.5px!important}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions>a b{font-size:12px}
}

@media(max-width:1180px) and (max-height:560px){
  .ofc-blog-premium-v1110 .ofc-blog-mobile-drawer{
    max-height:var(--ofc-mobile-drawer-max,calc(100dvh - var(--ofc-blog-sticky-top) - 86px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
}

@media(hover:hover) and (pointer:fine) and (max-width:1180px){
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button:hover{background:rgba(255,255,255,.72)}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button[aria-selected="true"]:hover{background:linear-gradient(145deg,#07394a,#086563)}
  .ofc-blog-premium-v1110 .ofc-blog-mobile-guide-links a:hover,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links a:hover{transform:translateY(-1px)}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-guide-links a,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-site-links a,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions a{transition:none!important}
}

@media(forced-colors:active){
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-tabs button,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-command-panel a,
  .ofc-blog-premium-v1110 .ofc-blog-mobile-compact-actions a{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important;box-shadow:none!important}
}


/* --------------------------------------------------------------------------
   1.12.0 — final shoreline containment, hero contrast, and reusable Blog frame
   The scenic environment is now a sticky child clipped inside the article/archive
   stage. It can never cross above the stage into the hero or Honest Answer band.
   A true alpha-center asset keeps the real website as the only center interface.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1120.ofc-blog-single{
  --ofc-blog-scene-corridor:clamp(980px,78vw,1480px);
}
.ofc-blog-premium-v1120 .ofc-blog-cinematic-hero{
  position:relative!important;
  z-index:20!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 82% 8%,rgba(244,196,94,.18),transparent 30%),
    radial-gradient(ellipse at 6% 4%,rgba(73,213,206,.17),transparent 34%),
    linear-gradient(132deg,#03293b 0%,#043e50 45%,#075d63 100%)!important;
}
.ofc-blog-premium-v1120 .ofc-blog-cinematic-hero:before{
  z-index:0!important;
  background:
    linear-gradient(112deg,rgba(255,255,255,.035),transparent 34%),
    radial-gradient(circle at 53% 48%,transparent 0 43%,rgba(0,19,30,.14) 76%,rgba(0,17,27,.34) 100%)!important;
}
.ofc-blog-premium-v1120 .ofc-blog-cinematic-grid,
.ofc-blog-premium-v1120 .ofc-blog-answer-bridge{position:relative;z-index:4!important}
.ofc-blog-premium-v1120 .ofc-blog-cinematic-hero h1,
.ofc-blog-premium-v1120 .ofc-blog-article-meta b,
.ofc-blog-premium-v1120 .ofc-blog-portrait-frame figcaption b{color:#fff!important}
.ofc-blog-premium-v1120 .ofc-blog-article-deck{color:rgba(242,254,253,.90)!important}
.ofc-blog-premium-v1120 .ofc-blog-article-meta{color:rgba(239,252,252,.74)!important}
.ofc-blog-premium-v1120 .ofc-blog-breadcrumbs-on-dark{color:rgba(239,252,252,.70)!important}
.ofc-blog-premium-v1120 .ofc-blog-answer-bridge{
  overflow:hidden!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-bottom:1px solid rgba(73,213,206,.15)!important;
  background:
    radial-gradient(circle at 87% 8%,rgba(73,213,206,.09),transparent 31%),
    linear-gradient(135deg,#03283a 0%,#043d4d 50%,#064d50 100%)!important;
  box-shadow:0 -20px 46px rgba(0,17,28,.20),0 18px 38px rgba(0,22,31,.16)!important;
}
.ofc-blog-premium-v1120 .ofc-blog-answer-bridge:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent);
}
.ofc-blog-premium-v1120 .ofc-blog-answer-bridge-grid{position:relative;z-index:1}
.ofc-blog-premium-v1120 .ofc-blog-article-stage{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
  overflow:clip!important;
  background:linear-gradient(180deg,#edf8f7 0%,#eef8f7 72%,#f9fcfc 100%)!important;
}
.ofc-blog-premium-v1120 .ofc-blog-parted-shoreline{
  display:none!important;
  background:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}
.ofc-blog-premium-v1120 .ofc-blog-parted-shoreline:before,
.ofc-blog-premium-v1120 .ofc-blog-parted-shoreline:after{display:none!important}

@media(min-width:1181px){
  .ofc-blog-premium-v1120.ofc-blog-single{
    --ofc-blog-scene-corridor:clamp(1010px,82vw,1480px);
  }
  .ofc-blog-premium-v1120 .ofc-blog-article-stage{background:transparent!important}
  .ofc-blog-premium-v1120 .ofc-blog-article-stage:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    inset-block:0!important;
    left:50%!important;
    width:var(--ofc-blog-scene-corridor)!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
    border-inline:1px solid rgba(29,157,158,.13)!important;
    background:
      linear-gradient(90deg,#f5fbfa 0%,#f1faf9 6%,#eef9f8 50%,#f1faf9 94%,#f5fbfa 100%)!important;
    box-shadow:0 0 88px rgba(2,43,53,.15),inset 0 0 86px rgba(255,255,255,.74)!important;
  }
  .ofc-blog-premium-v1120 .ofc-blog-parted-shoreline{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    overflow:clip!important;
    pointer-events:none!important;
  }
  .ofc-blog-premium-v1120 .ofc-blog-parted-shoreline>span{
    display:block;
    position:sticky;
    top:var(--ofc-blog-sticky-top,88px);
    width:100%;
    height:calc(100svh - var(--ofc-blog-sticky-top,88px));
    min-height:620px;
    max-height:1080px;
    background-image:url("../images/oahu-parted-shoreline-environment-v113.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    filter:saturate(1.045) contrast(1.02);
    box-shadow:inset 0 0 100px rgba(1,33,39,.13);
  }
  .ofc-blog-premium-v1120 .ofc-blog-mobile-toc,
  .ofc-blog-premium-v1120 .ofc-blog-article-layout{position:relative;z-index:3!important}
  .ofc-blog-premium-v1120 .ofc-blog-article-layout{
    width:min(1080px,calc(100% - 42px))!important;
    grid-template-columns:220px minmax(0,800px)!important;
    gap:30px!important;
  }
}
@media(min-width:1400px){
  .ofc-blog-premium-v1120 .ofc-blog-article-layout{
    width:min(1160px,calc(100% - 64px))!important;
    grid-template-columns:238px minmax(0,830px)!important;
    gap:42px!important;
  }
}
@media(min-width:1800px){
  .ofc-blog-premium-v1120.ofc-blog-single{--ofc-blog-scene-corridor:clamp(1220px,68vw,1480px)}
}
@media(max-width:1180px){
  .ofc-blog-premium-v1120 .ofc-blog-parted-shoreline{display:none!important}
  .ofc-blog-premium-v1120 .ofc-blog-answer-bridge{box-shadow:0 14px 30px rgba(0,22,31,.13)!important}
}

/* Reusable shoreline environment for /blog/ and topic archives. */
.ofc-blog-archive-premium-v1120{
  position:relative;
  isolation:isolate;
  overflow:clip;
  min-height:100vh;
  background:linear-gradient(180deg,#eef9f8 0%,#f8fcfc 100%);
}
.ofc-blog-archive-premium-v1120 .ofc-blog-archive-shoreline,
.ofc-blog-archive-premium-v1120 .ofc-blog-archive-mobile-shoreline{display:none}
.ofc-blog-archive-premium-v1120>.ofc-blog-hero,
.ofc-blog-archive-premium-v1120>.ofc-blog-content-shell{position:relative;z-index:3}
.ofc-blog-archive-premium-v1120>.ofc-blog-hero{
  width:min(1180px,calc(100% - 48px));
  margin:clamp(28px,4vw,52px) auto 0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 88% 4%,rgba(244,196,94,.18),transparent 31%),
    linear-gradient(135deg,rgba(3,42,59,.97),rgba(5,79,81,.95));
  box-shadow:0 28px 70px rgba(1,32,44,.23),inset 0 1px rgba(255,255,255,.10);
}
.ofc-blog-archive-premium-v1120>.ofc-blog-hero .ofc-blog-breadcrumbs,
.ofc-blog-archive-premium-v1120>.ofc-blog-hero .ofc-blog-eyebrow{color:rgba(234,252,250,.74)}
.ofc-blog-archive-premium-v1120>.ofc-blog-hero h1{color:#fff}
.ofc-blog-archive-premium-v1120>.ofc-blog-hero .ofc-blog-lede{color:rgba(238,252,251,.86)}
.ofc-blog-archive-premium-v1120>.ofc-blog-content-shell{
  margin-top:28px;
  margin-bottom:64px;
  padding:clamp(22px,3vw,36px);
  border:1px solid rgba(10,123,128,.13);
  border-radius:30px;
  background:rgba(244,251,250,.95);
  box-shadow:0 28px 74px rgba(2,43,53,.14),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
@media(min-width:1181px){
  .ofc-blog-archive-premium-v1120 .ofc-blog-archive-shoreline{
    display:block;
    position:absolute;
    z-index:0;
    inset:0;
    overflow:clip;
    pointer-events:none;
  }
  .ofc-blog-archive-premium-v1120 .ofc-blog-archive-shoreline>span{
    display:block;
    position:sticky;
    top:var(--ofc-blog-sticky-top,88px);
    width:100%;
    height:calc(100svh - var(--ofc-blog-sticky-top,88px));
    min-height:620px;
    background-image:url("../images/oahu-parted-shoreline-environment-v113.webp");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    filter:saturate(1.04) contrast(1.02);
  }
}
@media(max-width:1180px){
  .ofc-blog-archive-premium-v1120>.ofc-blog-hero{
    width:min(100% - 24px,900px);
    margin-top:18px;
    border-radius:24px;
  }
  .ofc-blog-archive-premium-v1120 .ofc-blog-archive-mobile-shoreline{
    display:block;
    position:relative;
    z-index:2;
    width:100%;
    aspect-ratio:8/3;
    margin-top:18px;
    background:url("../images/oahu-shoreline-mobile-native-v111.webp") center/cover no-repeat;
  }
  .ofc-blog-archive-premium-v1120>.ofc-blog-content-shell{
    width:min(100% - 24px,900px);
    margin-top:18px;
    padding:18px;
    border-radius:24px;
  }
}
@media(max-width:700px){
  .ofc-blog-archive-premium-v1120>.ofc-blog-hero{width:100%;margin-top:0;border-radius:0}
  .ofc-blog-archive-premium-v1120>.ofc-blog-content-shell{width:calc(100% - 20px);padding:13px;border-radius:20px}
}
@media(prefers-reduced-data:reduce),(forced-colors:active){
  .ofc-blog-premium-v1120 .ofc-blog-parted-shoreline,
  .ofc-blog-archive-premium-v1120 .ofc-blog-archive-shoreline,
  .ofc-blog-archive-premium-v1120 .ofc-blog-archive-mobile-shoreline{display:none!important}
}


/* --------------------------------------------------------------------------
   1.13.0 — continuous shoreline renderer
   Removes the generated horizontal smear columns from both inner scenic edges,
   fills the complete usable viewport height at every desktop size, and gives
   the scenery a deliberate stage-end handoff instead of an abrupt clipped edge.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1130 .ofc-blog-article-stage{
  background:
    linear-gradient(90deg,rgba(14,129,144,.15) 0%,rgba(238,249,248,.96) 22%,rgba(238,249,248,.98) 50%,rgba(238,249,248,.96) 78%,rgba(230,174,53,.13) 100%)!important;
}
.ofc-blog-premium-v1130 .ofc-blog-parted-shoreline{
  overflow:clip!important;
  contain:none!important;
}
.ofc-blog-premium-v1130 .ofc-blog-parted-shoreline:before{display:none!important}
.ofc-blog-premium-v1130 .ofc-blog-parted-shoreline:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:clamp(84px,9vw,150px)!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(248,252,252,0),rgba(248,252,252,.72) 62%,#f8fcfc 100%)!important;
}
@media(min-width:1181px){
  .ofc-blog-premium-v1130 .ofc-blog-article-stage{
    background:
      linear-gradient(90deg,rgba(6,103,121,.13) 0%,rgba(238,249,248,.97) 18%,rgba(238,249,248,.99) 50%,rgba(238,249,248,.97) 82%,rgba(225,167,45,.12) 100%)!important;
  }
  .ofc-blog-premium-v1130 .ofc-blog-parted-shoreline>span{
    top:var(--ofc-blog-sticky-top,88px)!important;
    width:100%!important;
    height:calc(100vh - var(--ofc-blog-sticky-top,88px))!important;
    height:calc(100dvh - var(--ofc-blog-sticky-top,88px))!important;
    min-height:560px!important;
    max-height:none!important;
    background-image:url("../images/oahu-parted-shoreline-environment-v113.webp")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-color:#edf8f7!important;
    filter:saturate(1.035) contrast(1.012)!important;
    box-shadow:none!important;
  }
  .ofc-blog-premium-v1130 .ofc-blog-article-stage:before{
    border-inline:0!important;
    box-shadow:none!important;
    background:linear-gradient(90deg,rgba(238,249,248,0) 0%,rgba(238,249,248,.88) 7%,#eef9f8 13%,#eef9f8 87%,rgba(238,249,248,.88) 93%,rgba(238,249,248,0) 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;
  }
}
@media(min-width:1181px) and (max-height:700px){
  .ofc-blog-premium-v1130 .ofc-blog-parted-shoreline>span{min-height:calc(100vh - var(--ofc-blog-sticky-top,88px))!important}
}

/* Apply the identical clean renderer to the Blog index and topic archives. */
.ofc-blog-archive-premium-v1130{
  background:
    linear-gradient(90deg,rgba(6,103,121,.12),#eef9f8 20% 80%,rgba(225,167,45,.11)),
    #eef9f8!important;
}
@media(min-width:1181px){
  .ofc-blog-archive-premium-v1130 .ofc-blog-archive-shoreline{overflow:clip!important;contain:none!important}
  .ofc-blog-archive-premium-v1130 .ofc-blog-archive-shoreline>span{
    top:var(--ofc-blog-sticky-top,88px)!important;
    height:calc(100vh - var(--ofc-blog-sticky-top,88px))!important;
    height:calc(100dvh - var(--ofc-blog-sticky-top,88px))!important;
    min-height:560px!important;
    max-height:none!important;
    background-image:url("../images/oahu-parted-shoreline-environment-v113.webp")!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-color:#edf8f7!important;
    filter:saturate(1.035) contrast(1.012)!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-data:reduce),(forced-colors:active){
  .ofc-blog-premium-v1130 .ofc-blog-parted-shoreline,
  .ofc-blog-archive-premium-v1130 .ofc-blog-archive-shoreline{display:none!important}
}


/* --------------------------------------------------------------------------
   1.14.0 — independent shoreline planes and exact stage-top continuity
   The prior combined panorama still carried source-generation seams and its
   sticky top offset created a pale band before the scenery began. This renderer
   uses two clean independent assets, starts them at the exact article-stage
   boundary, and keeps all inward fades in CSS where they remain smooth at every
   desktop width.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1140.ofc-blog-single{
  --ofc-blog-scene-corridor:clamp(1080px,76vw,1480px);
}
.ofc-blog-premium-v1140 .ofc-blog-article-stage{
  background:#eef9f8!important;
}
.ofc-blog-premium-v1140 .ofc-blog-parted-shoreline{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  overflow:clip!important;
  contain:none!important;
  pointer-events:none!important;
  background:none!important;
}
.ofc-blog-premium-v1140 .ofc-blog-parted-shoreline:before,
.ofc-blog-premium-v1140 .ofc-blog-parted-shoreline:after{display:none!important}

@media(min-width:1181px){
  .ofc-blog-premium-v1140 .ofc-blog-article-stage:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    inset-block:0!important;
    left:50%!important;
    width:var(--ofc-blog-scene-corridor)!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
    border:0!important;
    background:#eef9f8!important;
    box-shadow:0 0 76px 58px rgba(238,249,248,.98)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline>span{
    display:block!important;
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:560px!important;
    max-height:none!important;
    overflow:hidden!important;
    background:none!important;
    background-image:none!important;
    filter:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline>span:after{
    content:"";
    display:block;
    position:absolute;
    inset-block:0;
    width:max(250px,calc((100vw - var(--ofc-blog-scene-corridor))/2 + 190px));
    background-repeat:no-repeat;
    background-size:auto 100%;
    filter:saturate(1.025) contrast(1.01);
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline>span:before{
    left:0;
    background-image:url("../images/oahu-ocean-left-v114.webp");
    background-position:left top;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
  }
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline>span:after{
    right:0;
    background-image:url("../images/oahu-sand-right-v114.webp");
    background-position:right top;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
  }
  .ofc-blog-premium-v1140 .ofc-blog-mobile-toc,
  .ofc-blog-premium-v1140 .ofc-blog-article-layout{position:relative;z-index:3!important}
}
@media(min-width:1800px){
  .ofc-blog-premium-v1140.ofc-blog-single{--ofc-blog-scene-corridor:clamp(1220px,68vw,1480px)}
}
@media(max-width:1180px){
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline{display:none!important}
}

/* Blog index and topic archives inherit the identical independent scene. */
.ofc-blog-archive-premium-v1140{
  --ofc-blog-scene-corridor:clamp(1120px,78vw,1500px);
  background:#eef9f8!important;
}
@media(min-width:1181px){
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    overflow:clip!important;
    contain:none!important;
    pointer-events:none!important;
  }
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline>span{
    display:block!important;
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:560px!important;
    max-height:none!important;
    overflow:hidden!important;
    background:none!important;
    background-image:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline>span:after{
    content:"";
    display:block;
    position:absolute;
    inset-block:0;
    width:max(250px,calc((100vw - var(--ofc-blog-scene-corridor))/2 + 190px));
    background-repeat:no-repeat;
    background-size:auto 100%;
    filter:saturate(1.025) contrast(1.01);
  }
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline>span:before{
    left:0;
    background-image:url("../images/oahu-ocean-left-v114.webp");
    background-position:left top;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
  }
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline>span:after{
    right:0;
    background-image:url("../images/oahu-sand-right-v114.webp");
    background-position:right top;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0%,#000 66%,rgba(0,0,0,.94) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.28) 93%,transparent 100%);
  }
  .ofc-blog-archive-premium-v1140>.ofc-blog-hero,
  .ofc-blog-archive-premium-v1140>.ofc-blog-content-shell{position:relative;z-index:3!important}
}
@media(max-width:1180px){
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline{display:none!important}
}
@media(prefers-reduced-data:reduce),(forced-colors:active){
  .ofc-blog-premium-v1140 .ofc-blog-parted-shoreline,
  .ofc-blog-archive-premium-v1140 .ofc-blog-archive-shoreline{display:none!important}
}


/* --------------------------------------------------------------------------
   1.15.0 — guide-over-ocean corridor + correctly scaled right shoreline
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1150.ofc-blog-single{
  --ofc-blog-paper-corridor:clamp(820px,48vw,940px);
  --ofc-blog-paper-shift:clamp(112px,7vw,142px);
}
@media(min-width:1181px){
  .ofc-blog-premium-v1150 .ofc-blog-article-stage:before{
    left:calc(50% + var(--ofc-blog-paper-shift))!important;
    width:var(--ofc-blog-paper-corridor)!important;
    background:#eef9f8!important;
    box-shadow:0 0 38px 24px rgba(238,249,248,.96)!important;
  }
  .ofc-blog-premium-v1150 .ofc-blog-parted-shoreline>span:before{
    width:calc(50% + var(--ofc-blog-paper-shift) - (var(--ofc-blog-paper-corridor)/2) + 34px)!important;
    background-image:
      linear-gradient(90deg,transparent 0%,transparent 76%,rgba(42,187,190,.18) 88%,rgba(238,249,248,.04) 100%),
      url("../images/oahu-ocean-left-v114.webp")!important;
    background-size:100% 100%,auto 100%!important;
    background-position:center,left top!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 86%,rgba(0,0,0,.90) 91%,rgba(0,0,0,.48) 97%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 86%,rgba(0,0,0,.90) 91%,rgba(0,0,0,.48) 97%,transparent 100%)!important;
  }
  .ofc-blog-premium-v1150 .ofc-blog-parted-shoreline>span:after{
    width:calc(50% - var(--ofc-blog-paper-shift) - (var(--ofc-blog-paper-corridor)/2) + 34px)!important;
    min-width:128px!important;
    background-color:#e5b35a!important;
    background-image:
      linear-gradient(180deg,rgba(255,223,142,.08) 0%,rgba(229,179,90,.20) 72%,rgba(207,145,48,.48) 100%),
      url("../images/oahu-sand-right-v115.webp")!important;
    background-size:100% 100%,auto 88%!important;
    background-position:center,right top!important;
    background-repeat:no-repeat!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 80%,rgba(0,0,0,.90) 88%,rgba(0,0,0,.44) 96%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 80%,rgba(0,0,0,.90) 88%,rgba(0,0,0,.44) 96%,transparent 100%)!important;
    filter:saturate(1.03) contrast(1.02)!important;
  }
  .ofc-blog-premium-v1150 .ofc-blog-guide-rail-inner{
    background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(237,248,247,.82))!important;
    box-shadow:0 22px 52px rgba(2,42,54,.15),inset 0 1px rgba(255,255,255,.98)!important;
    backdrop-filter:blur(14px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  }
}
@media(min-width:1181px) and (max-width:1499px){
  .ofc-blog-premium-v1150 .ofc-blog-parted-shoreline>span:after{background-size:100% 100%,auto 82%!important}
}
@media(min-width:1181px){
  .ofc-blog-archive-premium-v1150 .ofc-blog-archive-shoreline>span:after{
    background-color:#e5b35a!important;
    background-image:
      linear-gradient(180deg,rgba(255,223,142,.08),rgba(229,179,90,.20) 72%,rgba(207,145,48,.48)),
      url("../images/oahu-sand-right-v115.webp")!important;
    background-size:100% 100%,auto 88%!important;
    background-position:center,right top!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.03) contrast(1.02)!important;
  }
}
@media(min-width:1181px) and (max-width:1499px){
  .ofc-blog-archive-premium-v1150 .ofc-blog-archive-shoreline>span:after{background-size:100% 100%,auto 82%!important}
}


/* --------------------------------------------------------------------------
   1.16.0 — ultra-high-definition widescreen scenic planes
   The approved layout remains unchanged. New cache-busted 1080x2160 and
   2160x4320 artwork pairs provide DPR-aware detail. Each photo stays at its
   natural full-height scale (no enlarged close-up); intentional ocean/sunset
   atmosphere fills only the excess outer gutter on ultrawide displays.
   -------------------------------------------------------------------------- */
@media(min-width:1181px){
  .ofc-blog-premium-v1160 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-archive-premium-v1160 .ofc-blog-archive-shoreline>span:before{
    background-color:#075a6c!important;
    background-image:
      url("../images/oahu-ocean-left-v116-1x.webp"),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      -webkit-image-set(url("../images/oahu-ocean-left-v116-1x.webp") 1x,url("../images/oahu-ocean-left-v116-2x.webp") 2x),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      image-set(url("../images/oahu-ocean-left-v116-1x.webp") 1x,url("../images/oahu-ocean-left-v116-2x.webp") 2x),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-size:auto 100%,100% 100%,100% 100%!important;
    background-position:right top,center,center!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.04) contrast(1.025) brightness(1.01)!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
  }
  .ofc-blog-premium-v1160 .ofc-blog-parted-shoreline>span:after,
  .ofc-blog-archive-premium-v1160 .ofc-blog-archive-shoreline>span:after{
    background-color:#c98228!important;
    background-image:
      url("../images/oahu-sand-right-v116-1x.webp"),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      -webkit-image-set(url("../images/oahu-sand-right-v116-1x.webp") 1x,url("../images/oahu-sand-right-v116-2x.webp") 2x),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      image-set(url("../images/oahu-sand-right-v116-1x.webp") 1x,url("../images/oahu-sand-right-v116-2x.webp") 2x),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-size:auto 100%,100% 100%,100% 100%!important;
    background-position:left top,center,center!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.035) contrast(1.03) brightness(1.015)!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
  }
}

/* Widescreen browsers receive atmosphere at the outer edge instead of a
   stretched photograph. The detailed scene remains full-height and crisp. */
@media(min-width:2200px){
  .ofc-blog-premium-v1160 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-archive-premium-v1160 .ofc-blog-archive-shoreline>span:before{
    background-position:right top,center,center!important;
  }
  .ofc-blog-premium-v1160 .ofc-blog-parted-shoreline>span:after,
  .ofc-blog-archive-premium-v1160 .ofc-blog-archive-shoreline>span:after{
    background-position:left top,center,center!important;
  }
}

@media(prefers-reduced-data:reduce){
  .ofc-blog-premium-v1160 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-archive-premium-v1160 .ofc-blog-archive-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-v116-1x.webp"),linear-gradient(90deg,#043a50,#08778c 60%,rgba(238,249,248,.06))!important;background-size:auto 100%,100% 100%!important;background-position:right center,center!important;
  }
  .ofc-blog-premium-v1160 .ofc-blog-parted-shoreline>span:after,
  .ofc-blog-archive-premium-v1160 .ofc-blog-archive-shoreline>span:after{
    background-image:url("../images/oahu-sand-right-v116-1x.webp"),linear-gradient(270deg,#7a4817,#d58c2d 60%,rgba(238,249,248,.06))!important;background-size:auto 100%,100% 100%!important;background-position:left center,center!important;
  }
}

/* --------------------------------------------------------------------------
   1.17.1 — scenic geometry regression repair
   Restores the proven shifted paper corridor and guide-over-ocean layering from
   1.15/1.16. The high-resolution 1x/2x artwork remains unchanged. No symmetric
   center-gap or cover-crop rule is allowed to paint pale empty columns beneath
   the Reading Path or beside the article paper.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1171.ofc-blog-single{
  --ofc-blog-paper-corridor:clamp(820px,48vw,940px);
  --ofc-blog-paper-shift:clamp(112px,7vw,142px);
}
@media(min-width:1181px){
  .ofc-blog-premium-v1171 .ofc-blog-article-stage:before{
    left:calc(50% + var(--ofc-blog-paper-shift))!important;
    width:var(--ofc-blog-paper-corridor)!important;
    background:#eef9f8!important;
    box-shadow:0 0 38px 24px rgba(238,249,248,.96)!important;
  }
  .ofc-blog-premium-v1171 .ofc-blog-parted-shoreline>span:before{
    width:calc(50% + var(--ofc-blog-paper-shift) - (var(--ofc-blog-paper-corridor)/2) + 34px)!important;
    background-color:#075a6c!important;
    background-image:
      url("../images/oahu-ocean-left-v116-1x.webp"),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),
      linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      -webkit-image-set(url("../images/oahu-ocean-left-v116-1x.webp") 1x,url("../images/oahu-ocean-left-v116-2x.webp") 2x),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),
      linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      image-set(url("../images/oahu-ocean-left-v116-1x.webp") 1x,url("../images/oahu-ocean-left-v116-2x.webp") 2x),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),
      linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-size:auto 100%,100% 100%,100% 100%!important;
    background-position:right top,center,center!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.04) contrast(1.025) brightness(1.01)!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
  }
  .ofc-blog-premium-v1171 .ofc-blog-parted-shoreline>span:after{
    width:calc(50% - var(--ofc-blog-paper-shift) - (var(--ofc-blog-paper-corridor)/2) + 34px)!important;
    min-width:128px!important;
    background-color:#c98228!important;
    background-image:
      url("../images/oahu-sand-right-v116-1x.webp"),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),
      linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      -webkit-image-set(url("../images/oahu-sand-right-v116-1x.webp") 1x,url("../images/oahu-sand-right-v116-2x.webp") 2x),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),
      linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      image-set(url("../images/oahu-sand-right-v116-1x.webp") 1x,url("../images/oahu-sand-right-v116-2x.webp") 2x),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),
      linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-size:auto 100%,100% 100%,100% 100%!important;
    background-position:left top,center,center!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.035) contrast(1.03) brightness(1.015)!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 83%,rgba(0,0,0,.94) 89%,rgba(0,0,0,.56) 96%,transparent 100%)!important;
  }

  /* Archives retain the proven independent-plane width instead of the regressed
     symmetric center-gap, while continuing to use the 1.16 DPR-aware artwork. */
  .ofc-blog-archive-premium-v1171 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-archive-premium-v1171 .ofc-blog-archive-shoreline>span:after{
    width:max(250px,calc((100vw - var(--ofc-blog-scene-corridor))/2 + 190px))!important;
    background-size:auto 100%,100% 100%,100% 100%!important;
    background-repeat:no-repeat!important;
  }
  .ofc-blog-archive-premium-v1171 .ofc-blog-archive-shoreline>span:before{
    background-color:#075a6c!important;
    background-image:
      url("../images/oahu-ocean-left-v116-1x.webp"),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),
      linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      -webkit-image-set(url("../images/oahu-ocean-left-v116-1x.webp") 1x,url("../images/oahu-ocean-left-v116-2x.webp") 2x),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),
      linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      image-set(url("../images/oahu-ocean-left-v116-1x.webp") 1x,url("../images/oahu-ocean-left-v116-2x.webp") 2x),
      radial-gradient(circle at 18% 22%,rgba(68,205,220,.24),transparent 38%),
      linear-gradient(90deg,#032f45 0%,#075b72 48%,rgba(25,154,171,.72) 76%,rgba(238,249,248,.06) 100%)!important;
    background-position:right top,center,center!important;
  }
  .ofc-blog-archive-premium-v1171 .ofc-blog-archive-shoreline>span:after{
    background-color:#c98228!important;
    background-image:
      url("../images/oahu-sand-right-v116-1x.webp"),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),
      linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      -webkit-image-set(url("../images/oahu-sand-right-v116-1x.webp") 1x,url("../images/oahu-sand-right-v116-2x.webp") 2x),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),
      linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-image:
      image-set(url("../images/oahu-sand-right-v116-1x.webp") 1x,url("../images/oahu-sand-right-v116-2x.webp") 2x),
      radial-gradient(circle at 82% 18%,rgba(255,219,117,.26),transparent 36%),
      linear-gradient(270deg,#603711 0%,#b96f22 48%,rgba(237,164,51,.74) 76%,rgba(238,249,248,.06) 100%)!important;
    background-position:left top,center,center!important;
  }
}
@media(prefers-reduced-data:reduce){
  .ofc-blog-premium-v1171 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-archive-premium-v1171 .ofc-blog-archive-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-v116-1x.webp"),linear-gradient(90deg,#043a50,#08778c 60%,rgba(238,249,248,.06))!important;
    background-size:auto 100%,100% 100%!important;
    background-position:right top,center!important;
  }
  .ofc-blog-premium-v1171 .ofc-blog-parted-shoreline>span:after,
  .ofc-blog-archive-premium-v1171 .ofc-blog-archive-shoreline>span:after{
    background-image:url("../images/oahu-sand-right-v116-1x.webp"),linear-gradient(270deg,#7a4817,#d58c2d 60%,rgba(238,249,248,.06))!important;
    background-size:auto 100%,100% 100%!important;
    background-position:left top,center!important;
  }
}


/* --------------------------------------------------------------------------
   1.18.0 — cinematic photoreal scenic master
   Preserves the proven 1.17.1 article/guide geometry. Replaces the painterly
   scene sources with independently graded photoreal 1x/2x masters. Sharp scene
   plates are anchored to the physical browser edges; a dedicated soft ambient
   plate fills only ultrawide excess so no flat teal/gold columns remain.
   -------------------------------------------------------------------------- */
.ofc-blog-premium-v1180.ofc-blog-single{
  --ofc-blog-paper-corridor:clamp(820px,48vw,940px);
  --ofc-blog-paper-shift:clamp(112px,7vw,142px);
}
@media(min-width:1181px){
  .ofc-blog-premium-v1180 .ofc-blog-article-stage:before{
    left:calc(50% + var(--ofc-blog-paper-shift))!important;
    width:var(--ofc-blog-paper-corridor)!important;
    background:linear-gradient(90deg,rgba(238,249,248,.94),#f7fcfb 7%,#fff 50%,#f7fcfb 93%,rgba(238,249,248,.94))!important;
    box-shadow:0 0 34px 20px rgba(238,249,248,.93)!important;
  }
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span{
    background:
      radial-gradient(ellipse at 9% 28%,rgba(42,190,207,.18),transparent 32%),
      radial-gradient(ellipse at 91% 24%,rgba(255,195,83,.17),transparent 34%),
      linear-gradient(90deg,#05364b 0%,#08788a 20%,#dff5f4 39%,#eef9f8 50%,#f8e5ba 61%,#d58a29 81%,#6d3b13 100%)!important;
  }
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span:before{
    width:calc(50% + var(--ofc-blog-paper-shift) - (var(--ofc-blog-paper-corridor)/2) + 34px)!important;
    background-color:transparent!important;
    background-image:
      url("../images/oahu-ocean-left-v118-1x.webp"),
      url("../images/oahu-ocean-left-v118-ambient.webp")!important;
    background-image:
      -webkit-image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x),
      url("../images/oahu-ocean-left-v118-ambient.webp")!important;
    background-image:
      image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x),
      url("../images/oahu-ocean-left-v118-ambient.webp")!important;
    background-size:auto 108%,cover!important;
    background-position:left center,center center!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.01) contrast(1.018) brightness(1.005)!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.95) 85%,rgba(0,0,0,.67) 93%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.95) 85%,rgba(0,0,0,.67) 93%,transparent 100%)!important;
  }
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span:after{
    width:calc(50% - var(--ofc-blog-paper-shift) - (var(--ofc-blog-paper-corridor)/2) + 34px)!important;
    min-width:128px!important;
    background-color:transparent!important;
    background-image:
      url("../images/oahu-sand-right-v118-1x.webp"),
      url("../images/oahu-sand-right-v118-ambient.webp")!important;
    background-image:
      -webkit-image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x),
      url("../images/oahu-sand-right-v118-ambient.webp")!important;
    background-image:
      image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x),
      url("../images/oahu-sand-right-v118-ambient.webp")!important;
    background-size:auto 108%,cover!important;
    background-position:right center,center center!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.005) contrast(1.022) brightness(1.005)!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 78%,rgba(0,0,0,.95) 85%,rgba(0,0,0,.67) 93%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 78%,rgba(0,0,0,.95) 85%,rgba(0,0,0,.67) 93%,transparent 100%)!important;
  }
  .ofc-blog-premium-v1180 .ofc-blog-guide-rail-inner{
    background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(238,250,249,.82))!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    box-shadow:0 18px 48px rgba(1,34,44,.20),inset 0 1px rgba(255,255,255,.92)!important;
  }

  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span{
    background:linear-gradient(90deg,#05364b,#0a7b8b 22%,#e7f7f6 42%,#f8e8c5 58%,#d58a29 80%,#6d3b13)!important;
  }
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:after{
    width:max(250px,calc((100vw - var(--ofc-blog-scene-corridor))/2 + 190px))!important;
    background-size:auto 108%,cover!important;
    background-repeat:no-repeat!important;
  }
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:before{
    background-color:transparent!important;
    background-image:image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x),url("../images/oahu-ocean-left-v118-ambient.webp")!important;
    background-position:left top,center!important;
  }
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:after{
    background-color:transparent!important;
    background-image:image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x),url("../images/oahu-sand-right-v118-ambient.webp")!important;
    background-position:right top,center!important;
  }
}
@media(min-width:2200px){
  .ofc-blog-premium-v1180.ofc-blog-single{
    --ofc-blog-paper-corridor:clamp(860px,34vw,980px);
    --ofc-blog-paper-shift:clamp(118px,4.2vw,152px);
  }
}

@media(min-width:2200px){
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span:after,
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:after{background-size:auto 118%,cover!important}
}
@media(prefers-reduced-data:reduce){
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-v118-1x.webp")!important;
    background-size:auto 100%!important;
    background-position:left top!important;
  }
  .ofc-blog-premium-v1180 .ofc-blog-parted-shoreline>span:after,
  .ofc-blog-archive-premium-v1180 .ofc-blog-archive-shoreline>span:after{
    background-image:url("../images/oahu-sand-right-v118-1x.webp")!important;
    background-size:auto 100%!important;
    background-position:right top!important;
  }
}


/* --------------------------------------------------------------------------
   1.19.0 — cinematic mobile editorial system
   Rebuilds the phone article and archive as one coherent premium experience:
   compact owner-led opening, glass trust rows, native-ratio shoreline scene,
   floating reading command card, refined editorial paper, compact search,
   topic controls and a portrait-led featured guide. Desktop 1.18 scenery and
   every content/SEO lock remain untouched.
   -------------------------------------------------------------------------- */
.ofc-blog-featured-mobile-portrait{display:none}

@media(max-width:767px){
  html body.ofc-blog-system-active{background:#eaf5f4!important}
  .ofc-blog-main{--ofc-blog-mobile-edge:14px;--ofc-blog-mobile-radius:28px;background:#eaf5f4}
  .ofc-blog-shell{width:calc(100% - (var(--ofc-blog-mobile-edge) * 2))!important}

  /* Compact cinematic article opening. */
  .ofc-blog-premium-v1190 .ofc-blog-cinematic-hero{
    background:
      radial-gradient(circle at 88% 5%,rgba(244,196,94,.13),transparent 30%),
      radial-gradient(circle at 8% 22%,rgba(73,213,206,.13),transparent 33%),
      linear-gradient(155deg,#032a3c 0%,#043d4b 45%,#064f51 100%)!important;
  }
  .ofc-blog-premium-v1190 .ofc-blog-cinematic-grid{display:block!important;padding:20px 0 16px!important}
  .ofc-blog-premium-v1190 .ofc-blog-hero-copy{max-width:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-breadcrumbs{display:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-hero-issue-line{margin-bottom:12px!important;font-size:9px!important}
  .ofc-blog-premium-v1190 .ofc-blog-article-kicker{margin-bottom:10px!important;font-size:9.5px!important;letter-spacing:.145em!important}
  .ofc-blog-premium-v1190 .ofc-blog-cinematic-hero h1{font-size:clamp(30px,8.8vw,37px)!important;line-height:1!important;letter-spacing:-.04em!important}
  .ofc-blog-premium-v1190 .ofc-blog-article-deck{display:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-article-meta{display:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-hero-actions{display:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-hero-actions a{width:auto!important;min-height:44px!important;padding:9px 14px!important;border-radius:12px!important;font-size:12px!important}
  .ofc-blog-premium-v1190 .ofc-blog-hero-actions .ofc-blog-ghost-button{display:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-portrait,
  .ofc-blog-premium-v1190 .ofc-blog-portrait-stage{display:none!important}

  /* The honest answer becomes three tactile glass trust rows. */
  .ofc-blog-premium-v1190 .ofc-blog-answer-bridge{border-top:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(180deg,#032d3e 0%,#033748 100%)!important;box-shadow:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-bridge-grid{display:block!important;padding:18px 0 24px!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-statement{margin-bottom:12px!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-statement .ofc-blog-eyebrow{margin-bottom:8px!important;color:#c0f4ef!important;font-size:10px!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-statement h2{max-width:330px!important;margin:0!important;color:#fff!important;font-size:clamp(26px,7.3vw,31px)!important;line-height:1.04!important;letter-spacing:-.035em!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-points{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:0!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-points li{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:78px!important;padding:10px 13px!important;border:1px solid rgba(190,244,239,.20)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 26px rgba(0,18,28,.13)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-points li>span{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(73,213,206,.16),rgba(73,213,206,.06))!important;color:#ffd46b!important;font-size:11px!important;font-weight:950!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-points li b{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.18!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-points li small{display:block!important;margin-top:3px!important;color:rgba(232,248,247,.72)!important;font-size:11.5px!important;line-height:1.35!important}

  /* Native mobile cinematic scene — never stretched. */
  .ofc-blog-premium-v1190 .ofc-blog-article-stage{padding-top:0!important;background:linear-gradient(180deg,#dff1ef 0%,#edf7f6 18%,#f5faf9 100%)!important}
  .ofc-blog-premium-v1190 .ofc-blog-article-stage:before{display:none!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-shoreline{
    display:block!important;width:100%!important;height:auto!important;aspect-ratio:90/53!important;margin:0!important;
    background-image:url("../images/oahu-shoreline-mobile-cinematic-v119.webp")!important;
    background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
    border-top:1px solid rgba(255,255,255,.58)!important;border-bottom:1px solid rgba(1,43,55,.15)!important;
    box-shadow:inset 0 18px 28px rgba(1,31,41,.08),inset 0 -18px 30px rgba(1,31,41,.08)!important;
  }

  /* Floating reading command card. */
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc{
    width:calc(100% - 28px)!important;margin:-31px auto 0!important;border:1px solid rgba(10,123,128,.15)!important;border-radius:25px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 20px 42px rgba(1,35,47,.18),0 4px 12px rgba(1,35,47,.08),inset 0 1px rgba(255,255,255,.98)!important;
  }
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc summary{min-height:92px!important;padding:14px 13px 16px 78px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(249,252,251,.98))!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc summary:before{content:"";position:absolute;left:16px;top:50%;width:48px;height:48px;transform:translateY(-50%);border-radius:50%;background:linear-gradient(145deg,#075a68,#043a4b);box-shadow:0 9px 20px rgba(1,45,58,.18)}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc summary:after{content:"";position:absolute;left:29px;top:50%;width:22px;height:22px;transform:translateY(-50%);background:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4 3.5A2.5 2.5 0 0 1 6.5 1H11c1.2 0 2.3.5 3 1.3A4.1 4.1 0 0 1 17 1h.5A2.5 2.5 0 0 1 20 3.5V20a1 1 0 0 1-1.4.9A6.2 6.2 0 0 0 16 20.3c-1 0-1.9.2-2.6.7a1 1 0 0 1-1 0 5 5 0 0 0-2.6-.7c-1 0-1.8.2-2.6.6A1 1 0 0 1 4 20V3.5Zm2.5-.5a.5.5 0 0 0-.5.5v14.9a8 8 0 0 1 3.8-.1c.4.1.8.2 1.2.4V4.2c-.3-.7-1-1.2-2-1.2H6.5ZM13 18.7c.4-.2.8-.3 1.2-.4a8 8 0 0 1 3.8.1V3.5a.5.5 0 0 0-.5-.5H17c-1.1 0-2 .9-2 2v12.9l-2 .8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4 3.5A2.5 2.5 0 0 1 6.5 1H11c1.2 0 2.3.5 3 1.3A4.1 4.1 0 0 1 17 1h.5A2.5 2.5 0 0 1 20 3.5V20a1 1 0 0 1-1.4.9A6.2 6.2 0 0 0 16 20.3c-1 0-1.9.2-2.6.7a1 1 0 0 1-1 0 5 5 0 0 0-2.6-.7c-1 0-1.8.2-2.6.6A1 1 0 0 1 4 20V3.5Zm2.5-.5a.5.5 0 0 0-.5.5v14.9a8 8 0 0 1 3.8-.1c.4.1.8.2 1.2.4V4.2c-.3-.7-1-1.2-2-1.2H6.5ZM13 18.7c.4-.2.8-.3 1.2-.4a8 8 0 0 1 3.8.1V3.5a.5.5 0 0 0-.5-.5H17c-1.1 0-2 .9-2 2v12.9l-2 .8Z'/%3E%3C/svg%3E");-webkit-mask-size:22px;mask-size:22px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc summary b{font-size:clamp(16px,4.35vw,18px)!important;line-height:1.12!important;color:#082f40!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc summary small{margin-top:4px!important;color:#6a7f87!important;font-size:12px!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc summary small strong{color:#08838a!important;font-size:14px!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc-toggle{right:15px!important;width:48px!important;height:48px!important;border-radius:50%!important;background:linear-gradient(145deg,#fff,#eef7f6)!important;border:1px solid rgba(10,123,128,.18)!important;box-shadow:0 7px 16px rgba(1,41,53,.08)!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-progress-track{left:18px!important;right:18px!important;bottom:8px!important;height:3px!important;border-radius:999px!important;background:#e2efed!important}
  .ofc-blog-premium-v1190 .ofc-blog-mobile-drawer{border-radius:22px!important}

  /* Editorial paper and content hierarchy. */
  .ofc-blog-premium-v1190 .ofc-blog-article-layout{width:100%!important;padding:20px 14px 52px!important}
  .ofc-blog-premium-v1190 .ofc-blog-reading-column{width:100%!important}
  .ofc-blog-premium-v1190 .ofc-blog-editorial-sheet{padding:30px 25px 34px!important;border:1px solid rgba(10,123,128,.14)!important;border-radius:28px!important;background:linear-gradient(160deg,#fff 0%,#fffefb 100%)!important;box-shadow:0 24px 55px rgba(1,42,54,.13),0 5px 14px rgba(1,42,54,.06),inset 0 1px #fff!important}
  .ofc-blog-premium-v1190 .ofc-blog-editorial-sheet:before{height:4px!important;background:linear-gradient(90deg,var(--ofc-blog-aqua),#fff 50%,var(--ofc-blog-gold))!important}
  .ofc-blog-premium-v1190 .ofc-blog-sheet-index{position:static!important;display:block!important;margin:0 0 22px!important;color:#b38837!important;font-size:10px!important;letter-spacing:.18em!important;text-align:left!important}
  .ofc-blog-premium-v1190 .ofc-blog-opening-copy{margin:0 0 23px!important;color:#082d3e!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(24px,6.4vw,28px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.025em!important}
  .ofc-blog-premium-v1190 .ofc-blog-article-content>section:first-child>p:not(.ofc-blog-opening-copy){font-size:18px!important;line-height:1.72!important}
  .ofc-blog-premium-v1190 .ofc-blog-article-content p{font-size:17px!important;line-height:1.72!important}
  .ofc-blog-premium-v1190 .ofc-blog-story-section{padding-top:35px!important;margin-top:34px!important}
  .ofc-blog-premium-v1190 .ofc-blog-story-section>h2{font-size:clamp(29px,8.2vw,37px)!important;line-height:1.03!important;letter-spacing:-.04em!important}
  .ofc-blog-premium-v1190 .ofc-blog-story-section>h2:before{width:43px!important;height:43px!important;border-radius:13px!important}
  .ofc-blog-premium-v1190 .ofc-blog-consistency-compass{margin-top:24px!important}
  .ofc-blog-premium-v1190 .ofc-blog-compass-core{border-radius:21px!important;min-height:72px!important;background:linear-gradient(145deg,#f7fcfb,#eff8f6)!important}
  .ofc-blog-premium-v1190 .ofc-blog-compass-item{border-radius:22px!important;padding:24px 20px 20px!important;background:linear-gradient(145deg,#fff,#f5fbfa)!important;box-shadow:0 12px 26px rgba(2,48,62,.07)!important}
  .ofc-blog-premium-v1190 .ofc-blog-benefit-ledger li,
  .ofc-blog-premium-v1190 .ofc-blog-quality-path li{border-radius:18px!important;padding:16px!important;background:linear-gradient(145deg,#fff,#f6fbfa)!important}
  .ofc-blog-premium-v1190 .ofc-blog-comparison-stage{border-radius:24px!important}
  .ofc-blog-premium-v1190 .ofc-blog-comparison-panel{border-radius:19px!important}
  .ofc-blog-premium-v1190 .ofc-blog-question-accordion details{border-radius:17px!important;background:linear-gradient(145deg,#fff,#f5fbfa)!important}
  .ofc-blog-premium-v1190 .ofc-blog-owner-model{border-radius:25px!important}
  .ofc-blog-premium-v1190 .ofc-blog-owner-signoff{border-radius:21px!important}
  .ofc-blog-premium-v1190 .ofc-blog-resource-rail{border-radius:24px!important}
  .ofc-blog-premium-v1190 .ofc-blog-final-horizon{border-radius:0!important}

  /* Archive: compact dark guide hero, cinematic scene and editorial feature card. */
  .ofc-blog-archive-premium-v1190{background:linear-gradient(180deg,#032d3d 0 430px,#eaf5f4 430px 100%)!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-hero{width:100%!important;margin:0!important;padding:30px 20px 26px!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 92% 5%,rgba(244,196,94,.12),transparent 31%),linear-gradient(155deg,#032a3c,#043f4c 52%,#064f51)!important;box-shadow:none!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-hero .ofc-blog-hero-grid{width:100%!important;display:block!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-hero .ofc-blog-breadcrumbs{display:none!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-hero .ofc-blog-eyebrow{margin-bottom:7px!important;font-size:10px!important;color:#b8eeea!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-hero h1{font-size:clamp(37px,10.8vw,48px)!important;line-height:.98!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-hero .ofc-blog-lede{margin-top:13px!important;font-size:16px!important;line-height:1.5!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-trust-row{display:none!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search{margin-top:22px!important;padding:17px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:24px!important;background:rgba(255,255,255,.065)!important;box-shadow:inset 0 1px rgba(255,255,255,.10)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search label{margin-bottom:11px!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:20px!important;font-weight:500!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search>div{position:relative!important;display:block!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search input{min-height:58px!important;padding:12px 68px 12px 18px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;background:rgba(2,31,43,.42)!important;color:#fff!important;font-size:15px!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search input::placeholder{color:rgba(234,249,247,.52)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search button{position:absolute!important;right:5px!important;top:5px!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;font-size:0!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-search button:after{content:"→";font-size:22px!important;color:#082e3e!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-archive-mobile-shoreline{display:block!important;width:100%!important;height:auto!important;aspect-ratio:90/53!important;margin:0!important;background-image:url("../images/oahu-shoreline-mobile-cinematic-v119.webp")!important;background-size:cover!important;background-position:center!important;border-top:1px solid rgba(255,255,255,.35)!important;border-bottom:1px solid rgba(1,43,55,.15)!important;box-shadow:inset 0 18px 26px rgba(0,28,38,.08),inset 0 -18px 28px rgba(0,28,38,.08)!important}
  .ofc-blog-archive-premium-v1190>.ofc-blog-content-shell{position:relative!important;z-index:5!important;width:calc(100% - 20px)!important;margin:-24px auto 42px!important;padding:18px 12px 22px!important;border:1px solid rgba(10,123,128,.13)!important;border-radius:28px!important;background:rgba(249,253,252,.98)!important;box-shadow:0 24px 48px rgba(1,42,54,.15),inset 0 1px #fff!important;backdrop-filter:none!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-topic-nav{gap:8px!important;padding:2px 4px 17px!important;scrollbar-width:none!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-topic-nav::-webkit-scrollbar{display:none!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-topic-nav a{min-height:46px!important;padding:9px 17px!important;border-radius:999px!important;background:#fff!important;font-size:13px!important;box-shadow:0 5px 13px rgba(2,42,54,.04)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-topic-nav a.is-current{background:linear-gradient(145deg,#06384a,#075b61)!important;color:#fff!important;box-shadow:0 10px 22px rgba(2,42,54,.16)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(132px,.95fr)!important;align-items:stretch!important;min-height:360px!important;margin:10px 0 27px!important;overflow:hidden!important;border:1px solid rgba(10,123,128,.14)!important;border-radius:27px!important;background:linear-gradient(145deg,#fff,#f7fbfa)!important;box-shadow:0 22px 44px rgba(1,42,54,.14),inset 0 1px #fff!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-media{display:none!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy{grid-column:1!important;grid-row:1!important;z-index:2!important;padding:26px 8px 24px 22px!important;justify-content:flex-start!important;background:radial-gradient(circle at 12% 18%,rgba(73,213,206,.12),transparent 38%)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy .ofc-blog-card-kicker{font-size:9.5px!important;color:#b1842d!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy h2{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(27px,7.7vw,34px)!important;font-weight:500!important;line-height:1.04!important;letter-spacing:-.025em!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy>p:not(.ofc-blog-card-kicker){font-size:13.5px!important;line-height:1.45!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy .ofc-blog-card-meta{display:none!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy .ofc-blog-text-link{margin-top:auto!important;font-size:14px!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-mobile-portrait{display:block!important;grid-column:2!important;grid-row:1!important;margin:14px 14px 14px 0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.90)!important;border-radius:24px!important;background:#e9f7f6!important;box-shadow:0 14px 30px rgba(2,42,54,.13)!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-mobile-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 20%!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-grid{grid-template-columns:1fr!important;gap:16px!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-card{border-radius:24px!important;box-shadow:0 15px 32px rgba(1,42,54,.09)!important}
}

@media(max-width:360px){
  .ofc-blog-premium-v1190 .ofc-blog-cinematic-hero h1{font-size:34px!important}
  .ofc-blog-premium-v1190 .ofc-blog-answer-statement h2{font-size:29px!important}
  .ofc-blog-premium-v1190 .ofc-blog-editorial-sheet{padding-inline:20px!important}
  .ofc-blog-premium-v1190 .ofc-blog-opening-copy{font-size:26px!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured{grid-template-columns:minmax(0,1.12fr) minmax(112px,.88fr)!important;min-height:340px!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy{padding-left:17px!important}
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured-copy h2{font-size:25px!important}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v1190 .ofc-blog-answer-points li,
  .ofc-blog-premium-v1190 .ofc-blog-mobile-toc,
  .ofc-blog-archive-premium-v1190 .ofc-blog-featured{transition:none!important}
}

@media(prefers-reduced-data:reduce){
  .ofc-blog-premium-v1190 .ofc-blog-mobile-shoreline,
  .ofc-blog-archive-premium-v1190 .ofc-blog-archive-mobile-shoreline{background-image:linear-gradient(135deg,#087a8d,#e9bf58)!important}
}

@media(forced-colors:active){
  .ofc-blog-premium-v1190 .ofc-blog-mobile-shoreline,
  .ofc-blog-archive-premium-v1190 .ofc-blog-archive-mobile-shoreline{display:none!important}
}


/* --------------------------------------------------------------------------
   1.20.0 — desktop cinematic editorial system
   Brings the desktop article and Blog archive to the same deliberately
   art-directed standard as the approved 1.19 mobile experience. The scenic
   masters, content, SEO, links and mobile layout remain unchanged.
   -------------------------------------------------------------------------- */

@media(min-width:1181px){
  /* ARTICLE: a contained cinematic command deck instead of a flat full-width hero. */
  .ofc-blog-premium-v1200.ofc-blog-single{--ofc-blog-shell:1420px}
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-hero{
    padding:1px 0 28px!important;
    background:
      radial-gradient(ellipse at 83% 5%,rgba(245,199,92,.21),transparent 30%),
      radial-gradient(ellipse at 5% 15%,rgba(73,213,206,.17),transparent 33%),
      linear-gradient(135deg,#02293b 0%,#043d4d 49%,#075b5d 100%)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-hero:before{
    background:
      linear-gradient(115deg,rgba(255,255,255,.045),transparent 31%),
      radial-gradient(circle at 50% 45%,transparent 0 40%,rgba(0,18,29,.13) 73%,rgba(0,18,29,.34) 100%)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-grid{
    isolation:isolate;
    width:min(1420px,calc(100% - 64px))!important;
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.72fr)!important;
    gap:clamp(46px,5vw,82px)!important;
    margin:38px auto 30px!important;
    padding:clamp(46px,4.2vw,66px) clamp(46px,4.6vw,72px) clamp(42px,4vw,62px)!important;
    overflow:hidden;
    border:1px solid rgba(197,243,239,.18);
    border-radius:44px;
    background:
      radial-gradient(circle at 88% 13%,rgba(244,196,94,.12),transparent 28%),
      radial-gradient(circle at 8% 7%,rgba(73,213,206,.10),transparent 31%),
      linear-gradient(145deg,rgba(2,38,53,.90),rgba(5,72,78,.72));
    box-shadow:0 34px 88px rgba(0,18,28,.30),inset 0 1px rgba(255,255,255,.10);
    backdrop-filter:blur(4px) saturate(1.04);
    -webkit-backdrop-filter:blur(4px) saturate(1.04);
  }
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-grid:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
      linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.22) 45%,var(--ofc-blog-gold)) top/100% 3px no-repeat,
      linear-gradient(118deg,rgba(255,255,255,.055),transparent 34%);
  }
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-grid:after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-90px;
    bottom:-140px;
    width:520px;
    height:520px;
    pointer-events:none;
    border-radius:50%;
    background:radial-gradient(circle,rgba(73,213,206,.14),transparent 68%);
  }
  .ofc-blog-premium-v1200 .ofc-blog-hero-copy{position:relative;z-index:2;max-width:760px!important}
  .ofc-blog-premium-v1200 .ofc-blog-breadcrumbs-on-dark{margin-bottom:22px!important;color:rgba(238,253,251,.67)!important;font-size:12px!important}
  .ofc-blog-premium-v1200 .ofc-blog-hero-issue-line{margin-bottom:19px!important;font-size:10.5px!important}
  .ofc-blog-premium-v1200 .ofc-blog-hero-issue-line span:first-child{
    min-height:33px!important;
    padding:7px 12px!important;
    border-color:rgba(185,242,237,.29)!important;
    background:rgba(1,27,39,.37)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-article-kicker{margin-bottom:15px!important;font-size:11px!important;letter-spacing:.17em!important}
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-hero h1{
    max-width:760px!important;
    font-size:clamp(58px,4.7vw,79px)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    text-shadow:0 12px 34px rgba(0,15,24,.24)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-article-deck{max-width:660px!important;margin-top:23px!important;font-size:clamp(18px,1.35vw,21px)!important;line-height:1.55!important}
  .ofc-blog-premium-v1200 .ofc-blog-article-meta{
    width:max-content;
    max-width:100%;
    margin-top:24px!important;
    padding:9px 13px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(1,28,40,.27);
    color:rgba(244,253,252,.72)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.05);
  }
  .ofc-blog-premium-v1200 .ofc-blog-hero-actions{gap:12px!important;margin-top:25px!important}
  .ofc-blog-premium-v1200 .ofc-blog-hero-actions>a{min-height:54px!important;padding:12px 21px!important;border-radius:16px!important}
  .ofc-blog-premium-v1200 .ofc-blog-ghost-button{background:rgba(255,255,255,.065)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}

  .ofc-blog-premium-v1200 .ofc-blog-portrait-stage{width:min(100%,455px)!important}
  .ofc-blog-premium-v1200 .ofc-blog-portrait-frame{
    padding:13px!important;
    border-radius:44px 20px 44px 20px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035))!important;
    box-shadow:0 38px 84px rgba(0,15,25,.38),0 10px 28px rgba(0,15,25,.22),inset 0 1px rgba(255,255,255,.12)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-portrait-frame:before{border-color:rgba(244,196,94,.68)!important}
  .ofc-blog-premium-v1200 .ofc-blog-portrait-frame figcaption{
    left:27px!important;right:27px!important;bottom:27px!important;
    min-height:64px!important;
    border-radius:17px!important;
    background:linear-gradient(115deg,rgba(1,28,41,.96),rgba(6,91,87,.91))!important;
    box-shadow:0 20px 42px rgba(0,18,28,.34),inset 0 1px rgba(255,255,255,.08)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-continuity-line{gap:10px!important;margin-top:18px!important}
  .ofc-blog-premium-v1200 .ofc-blog-continuity-line>span{
    min-height:64px!important;
    padding:10px 11px!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    box-shadow:0 13px 28px rgba(0,18,28,.15),inset 0 1px rgba(255,255,255,.08)!important;
  }

  /* Honest-answer briefing console. */
  .ofc-blog-premium-v1200 .ofc-blog-answer-bridge{
    position:relative;
    z-index:5;
    width:min(1380px,calc(100% - 82px));
    margin:-12px auto 8px!important;
    overflow:hidden;
    border:1px solid rgba(199,244,240,.15)!important;
    border-radius:32px!important;
    background:
      radial-gradient(circle at 88% 0%,rgba(244,196,94,.10),transparent 31%),
      linear-gradient(145deg,rgba(1,28,41,.97),rgba(3,58,69,.94))!important;
    box-shadow:0 26px 68px rgba(0,17,27,.26),inset 0 1px rgba(255,255,255,.07)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-answer-bridge:after{
    content:"";
    position:absolute;
    left:5%;right:5%;bottom:0;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--ofc-blog-aqua),rgba(255,255,255,.5),var(--ofc-blog-gold),transparent);
    opacity:.75;
  }
  .ofc-blog-premium-v1200 .ofc-blog-answer-bridge-grid{
    width:100%!important;
    grid-template-columns:minmax(260px,.72fr) minmax(0,1.58fr)!important;
    gap:clamp(32px,4vw,60px)!important;
    padding:30px 34px 32px!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-answer-statement{align-self:center!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-statement .ofc-blog-eyebrow{margin-bottom:9px!important;color:#bdf1ec!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-statement h2{max-width:390px!important;font-size:clamp(34px,2.8vw,45px)!important;line-height:1!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-points{gap:13px!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-points li{
    grid-template-columns:43px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:112px!important;
    padding:17px!important;
    border-color:rgba(194,242,238,.17)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
    box-shadow:0 14px 30px rgba(0,17,27,.12),inset 0 1px rgba(255,255,255,.06)!important;
    transition:transform .22s var(--ofc-blog-ease),border-color .22s ease,background .22s ease!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-answer-points li:hover{transform:translateY(-3px);border-color:rgba(244,196,94,.30)!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-points>li>span{width:42px!important;height:42px!important;border-radius:13px!important;font-size:10px!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-points b{font-size:14px!important;line-height:1.18!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-points small{margin-top:5px!important;font-size:12px!important;line-height:1.42!important}

  /* Reading stage: premium glass navigator and a genuine editorial folio. */
  .ofc-blog-premium-v1200 .ofc-blog-article-stage{padding-top:48px!important}
  .ofc-blog-premium-v1200 .ofc-blog-article-layout{
    width:min(1160px,calc(100% - 62px))!important;
    grid-template-columns:246px minmax(0,840px)!important;
    gap:44px!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-guide-rail-inner{
    padding:20px 17px 18px!important;
    border:1px solid rgba(163,225,221,.31)!important;
    border-radius:29px!important;
    background:
      radial-gradient(circle at 94% 0%,rgba(244,196,94,.10),transparent 30%),
      linear-gradient(145deg,rgba(255,255,255,.94),rgba(232,247,245,.86))!important;
    box-shadow:0 25px 62px rgba(1,35,45,.21),inset 0 1px rgba(255,255,255,.98)!important;
    backdrop-filter:blur(22px) saturate(1.10)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.10)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-guide-rail-inner:before{
    content:"";
    position:absolute;
    left:18px;right:18px;top:0;
    height:3px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.35),var(--ofc-blog-gold));
  }
  .ofc-blog-premium-v1200 .ofc-blog-guide-heading{padding:3px 5px 17px!important}
  .ofc-blog-premium-v1200 .ofc-blog-guide-heading .ofc-blog-card-kicker{font-size:10.5px!important;letter-spacing:.15em!important}
  .ofc-blog-premium-v1200 .ofc-blog-guide-heading strong{font-size:16px!important}
  .ofc-blog-premium-v1200 .ofc-blog-guide-heading>span{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(145deg,#fff8e3,#fff)!important}
  .ofc-blog-premium-v1200 .ofc-blog-guide-rail nav{gap:6px!important;padding-top:15px!important}
  .ofc-blog-premium-v1200 .ofc-blog-guide-rail a{
    grid-template-columns:40px minmax(0,1fr)!important;
    min-height:61px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    font-size:12.5px!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-guide-rail a span{width:39px!important;height:39px!important;border-radius:12px!important}
  .ofc-blog-premium-v1200 .ofc-blog-guide-rail a.is-active{
    background:linear-gradient(135deg,#052f42,#08706f)!important;
    box-shadow:0 14px 30px rgba(2,43,54,.21),inset 0 1px rgba(255,255,255,.08)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-guide-progress{height:6px!important}

  .ofc-blog-premium-v1200 .ofc-blog-editorial-sheet{
    padding:66px 70px 42px!important;
    overflow:hidden!important;
    border:1px solid rgba(128,204,201,.25)!important;
    border-radius:40px!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(244,196,94,.07),transparent 24%),
      radial-gradient(circle at 0% 2%,rgba(73,213,206,.055),transparent 25%),
      linear-gradient(90deg,rgba(4,47,67,.021) 1px,transparent 1px),
      linear-gradient(180deg,rgba(4,47,67,.014) 1px,transparent 1px),
      #fff!important;
    background-size:auto,auto,44px 100%,100% 44px,auto!important;
    box-shadow:0 38px 94px rgba(1,33,44,.18),0 8px 24px rgba(1,33,44,.08),inset 0 1px #fff!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-editorial-sheet:before{height:5px!important}
  .ofc-blog-premium-v1200 .ofc-blog-editorial-sheet:after{
    content:"";
    position:absolute;
    inset:14px;
    pointer-events:none;
    border:1px solid rgba(9,124,133,.055);
    border-radius:28px;
  }
  .ofc-blog-premium-v1200 .ofc-blog-sheet-index{right:30px!important;top:23px!important;font-size:9.5px!important}
  .ofc-blog-premium-v1200 .ofc-blog-article-content{font-size:18.5px!important;line-height:1.8!important}
  .ofc-blog-premium-v1200 .ofc-blog-opening-copy{
    max-width:710px!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(28px,2.15vw,35px)!important;
    font-weight:700!important;
    line-height:1.39!important;
    letter-spacing:-.025em!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-story-intro{margin-bottom:68px!important;padding-bottom:48px!important}
  .ofc-blog-premium-v1200 .ofc-blog-story-section{margin-bottom:76px!important}
  .ofc-blog-premium-v1200 .ofc-blog-article-content h2{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:16px!important;
    font-size:clamp(35px,2.75vw,44px)!important;
    line-height:1.055!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-article-content h2:before{width:47px!important;height:47px!important;border-radius:15px 6px 15px 6px!important}
  .ofc-blog-premium-v1200 .ofc-blog-compass-item,
  .ofc-blog-premium-v1200 .ofc-blog-benefit-ledger li,
  .ofc-blog-premium-v1200 .ofc-blog-quality-path li,
  .ofc-blog-premium-v1200 .ofc-blog-question-accordion details{
    box-shadow:0 14px 32px rgba(2,45,57,.055)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-comparison-stage{box-shadow:0 21px 48px rgba(2,45,57,.09)!important}
  .ofc-blog-premium-v1200 .ofc-blog-owner-model{box-shadow:0 26px 62px rgba(1,34,45,.20)!important}
  .ofc-blog-premium-v1200 .ofc-blog-owner-signoff{margin-top:52px!important;border-radius:24px!important;background:linear-gradient(145deg,#f8fdfc,#edf8f6)!important}
  .ofc-blog-premium-v1200 .ofc-blog-resource-rail{
    margin-top:30px!important;
    padding:15px!important;
    border-radius:28px!important;
    background:rgba(249,253,252,.94)!important;
    box-shadow:0 24px 58px rgba(1,34,45,.14),inset 0 1px #fff!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .ofc-blog-premium-v1200 .ofc-blog-resource-rail>a{min-height:112px!important;border-radius:19px!important;background:linear-gradient(145deg,#f4fbfa,#edf8f6)!important}
  .ofc-blog-premium-v1200 .ofc-blog-resource-rail>a:hover{box-shadow:0 14px 30px rgba(2,45,57,.10)!important}

  /* Related/final conversion get the same command-deck quality. */
  .ofc-blog-premium-v1200 .ofc-blog-related{padding:84px 0 94px!important;background:linear-gradient(180deg,#eaf6f5,#f7fbfb)!important}
  .ofc-blog-premium-v1200 .ofc-blog-related .ofc-blog-card{border-radius:28px!important;box-shadow:0 19px 44px rgba(2,45,57,.10)!important}
  .ofc-blog-premium-v1200 .ofc-blog-final-grid{
    width:min(1380px,calc(100% - 72px))!important;
    margin:36px auto!important;
    padding:48px 52px!important;
    border:1px solid rgba(204,244,240,.16);
    border-radius:34px;
    background:linear-gradient(145deg,rgba(1,34,48,.74),rgba(8,102,101,.42));
    box-shadow:0 30px 80px rgba(0,18,28,.26),inset 0 1px rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .ofc-blog-premium-v1200 .ofc-blog-final-actions{min-width:330px!important}
  .ofc-blog-premium-v1200 .ofc-blog-final-actions>a{min-height:70px!important;border-radius:18px!important}
}

@media(min-width:1181px) and (max-width:1365px){
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-grid{width:calc(100% - 44px)!important;grid-template-columns:minmax(0,1fr) minmax(360px,.68fr)!important;gap:38px!important;padding:45px 42px!important}
  .ofc-blog-premium-v1200 .ofc-blog-cinematic-hero h1{font-size:clamp(54px,4.55vw,65px)!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-bridge{width:calc(100% - 58px)!important}
  .ofc-blog-premium-v1200 .ofc-blog-answer-bridge-grid{padding-inline:25px!important;gap:28px!important}
}

@media(min-width:768px){
  /* ARCHIVE: one desktop editorial command center, not two generic boxes. */
  .ofc-blog-archive-premium-v1200{--ofc-blog-shell:1380px;background:#eaf5f4!important}
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero{
    isolation:isolate;
    width:min(1380px,calc(100% - 64px))!important;
    margin:40px auto 28px!important;
    padding:clamp(48px,5vw,70px)!important;
    overflow:hidden!important;
    border:1px solid rgba(201,244,240,.17)!important;
    border-radius:44px!important;
    background:
      radial-gradient(circle at 90% 5%,rgba(244,196,94,.15),transparent 29%),
      radial-gradient(circle at 5% 17%,rgba(73,213,206,.12),transparent 31%),
      linear-gradient(145deg,rgba(2,42,57,.96),rgba(5,86,85,.88))!important;
    box-shadow:0 36px 94px rgba(0,25,35,.26),inset 0 1px rgba(255,255,255,.09)!important;
  }
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.24),var(--ofc-blog-gold)) top/100% 3px no-repeat,
      linear-gradient(115deg,rgba(255,255,255,.045),transparent 34%);
  }
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero:after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-120px;bottom:-180px;
    width:600px;height:600px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(73,213,206,.12),transparent 68%);
  }
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero .ofc-blog-hero-grid{
    width:100%!important;
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.72fr)!important;
    gap:clamp(44px,5vw,76px)!important;
    align-items:center!important;
  }
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero .ofc-blog-breadcrumbs{margin-bottom:20px!important;color:rgba(236,252,250,.63)!important}
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero .ofc-blog-eyebrow{margin-bottom:11px!important;color:#baf1ec!important;font-size:11px!important}
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero h1{
    max-width:780px!important;
    color:#fff!important;
    font-size:clamp(58px,5.5vw,82px)!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    text-shadow:0 12px 34px rgba(0,15,24,.22)!important;
  }
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero .ofc-blog-lede{max-width:720px!important;margin-top:21px!important;color:rgba(239,252,251,.83)!important;font-size:clamp(18px,1.55vw,22px)!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-width:760px!important;margin-top:27px!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row span{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    min-height:62px!important;
    padding:10px 12px!important;
    border-color:rgba(196,242,238,.17)!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row span:before{
    display:grid;
    place-items:center;
    width:34px;height:34px;
    border-radius:11px;
    background:rgba(73,213,206,.12);
    color:var(--ofc-blog-gold);
    font-size:9px;
    font-weight:950;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row span:nth-child(1):before{content:"01"}
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row span:nth-child(2):before{content:"02"}
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row span:nth-child(3):before{content:"03"}

  .ofc-blog-archive-premium-v1200 .ofc-blog-search{
    padding:23px!important;
    border:1px solid rgba(205,244,240,.20)!important;
    border-radius:27px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
    box-shadow:0 22px 52px rgba(0,18,28,.19),inset 0 1px rgba(255,255,255,.09)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-search label{margin-bottom:12px!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:21px!important;font-weight:600!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-search>div{position:relative!important;display:block!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-search input{
    min-height:62px!important;
    padding:13px 80px 13px 18px!important;
    border-color:rgba(213,248,245,.24)!important;
    border-radius:18px!important;
    background:rgba(2,31,43,.46)!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-search input::placeholder{color:rgba(234,249,247,.48)!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-search button{
    position:absolute!important;
    right:7px!important;top:7px!important;
    width:48px!important;height:48px!important;min-height:48px!important;
    padding:0!important;
    border-radius:15px!important;
    font-size:0!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-search button:after{content:"→";font-size:22px!important;color:#082e3e!important}

  .ofc-blog-archive-premium-v1200>.ofc-blog-content-shell{
    width:min(1320px,calc(100% - 72px))!important;
    margin:0 auto 84px!important;
    padding:30px!important;
    border:1px solid rgba(128,204,201,.23)!important;
    border-radius:38px!important;
    background:linear-gradient(145deg,rgba(249,253,252,.97),rgba(236,248,246,.94))!important;
    box-shadow:0 34px 86px rgba(1,33,44,.20),inset 0 1px #fff!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-topic-nav{gap:10px!important;padding:2px 3px 22px!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-topic-nav a{
    min-height:46px!important;
    padding:10px 17px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 8px 18px rgba(2,43,54,.055)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-topic-nav a.is-current{
    background:linear-gradient(145deg,#052f42,#08706f)!important;
    box-shadow:0 13px 28px rgba(2,43,54,.19)!important;
  }

  .ofc-blog-archive-premium-v1200 .ofc-blog-featured{
    position:relative!important;
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
    min-height:500px!important;
    margin:8px 0 42px!important;
    border-color:rgba(128,204,201,.24)!important;
    border-radius:36px!important;
    background:#fff!important;
    box-shadow:0 34px 80px rgba(1,33,44,.18),0 8px 22px rgba(1,33,44,.08),inset 0 1px #fff!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured:before{
    content:"";
    position:absolute;
    z-index:4;
    left:0;right:0;top:0;
    height:4px;
    background:linear-gradient(90deg,var(--ofc-blog-aqua),rgba(255,255,255,.42),var(--ofc-blog-gold));
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-media{
    position:relative!important;
    min-height:500px!important;
    border-right:1px solid rgba(128,204,201,.17)!important;
    background:#eaf7f6!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-media:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.88) 100%);
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-media img{object-position:center!important;filter:saturate(.99) contrast(1.015)!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-copy{
    position:relative!important;
    padding:clamp(42px,4vw,62px)!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(244,196,94,.08),transparent 30%),
      linear-gradient(145deg,#fff,#f8fcfb)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-copy .ofc-blog-card-kicker{margin-bottom:14px!important;color:#9c7424!important;font-size:10.5px!important;letter-spacing:.15em!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-copy h2{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(40px,3.4vw,54px)!important;
    font-weight:600!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-copy>p:not(.ofc-blog-card-kicker){margin-top:18px!important;font-size:16.5px!important;line-height:1.6!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-copy .ofc-blog-card-meta{margin-top:21px!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-copy .ofc-blog-text-link{
    min-height:49px!important;
    margin-top:24px!important;
    padding:11px 16px!important;
    border:1px solid rgba(9,124,133,.22)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#eef9f7,#fff)!important;
    box-shadow:0 10px 22px rgba(2,43,54,.07)!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured:hover{transform:translateY(-3px)!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-grid{gap:24px!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-card{
    border-radius:28px!important;
    box-shadow:0 18px 44px rgba(1,33,44,.10),inset 0 1px #fff!important;
  }
  .ofc-blog-archive-premium-v1200 .ofc-blog-card-media{aspect-ratio:16/10!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-card-body{padding:25px!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-card h2{font-size:25px!important}
}

@media(min-width:768px) and (max-width:1180px){
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero{width:calc(100% - 36px)!important;margin-top:24px!important;padding:38px!important;border-radius:34px!important}
  .ofc-blog-archive-premium-v1200>.ofc-blog-hero .ofc-blog-hero-grid{grid-template-columns:1fr!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-trust-row{max-width:none!important}
  .ofc-blog-archive-premium-v1200>.ofc-blog-content-shell{width:calc(100% - 36px)!important;padding:22px!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured{grid-template-columns:1fr!important}
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured-media{min-height:430px!important;border-right:0!important;border-bottom:1px solid rgba(128,204,201,.17)!important}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-premium-v1200 .ofc-blog-answer-points li,
  .ofc-blog-archive-premium-v1200 .ofc-blog-featured{transition:none!important}
}

/* ========================================================================== 
   Blog System 1.21.0 — guide library, latest-release menu and archive SEO UX
   ========================================================================== */
.ofc-blog-archive-premium-v1210{--ofc-library-ink:#062f40;--ofc-library-ocean:#08757a;--ofc-library-aqua:#49d5ce;--ofc-library-gold:#f4c45e;--ofc-library-paper:#f8fcfb}
.ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel summary::-webkit-details-marker{display:none}
.ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel summary{list-style:none}
.ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel i{font-style:normal}
.ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel a{text-decoration:none}

@media(min-width:768px){
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero{padding:clamp(38px,4.2vw,62px)!important}
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero .ofc-blog-hero-grid{
    grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr)!important;
    gap:clamp(34px,4.4vw,68px)!important;
    align-items:stretch!important;
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-archive-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero h1{max-width:700px!important;font-size:clamp(52px,4.7vw,72px)!important;line-height:.96!important}
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero .ofc-blog-lede{max-width:690px!important;font-size:clamp(17px,1.35vw,20px)!important;line-height:1.58!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-trust-row{max-width:720px!important}

  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel{
    position:relative;
    min-width:0;
    padding:22px;
    overflow:hidden;
    border:1px solid rgba(205,244,240,.21);
    border-radius:30px;
    background:
      radial-gradient(circle at 100% 0%,rgba(244,196,94,.15),transparent 32%),
      linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
    box-shadow:0 28px 64px rgba(0,18,28,.23),inset 0 1px rgba(255,255,255,.10);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel:before{
    content:"";position:absolute;left:22px;right:22px;top:0;height:3px;
    background:linear-gradient(90deg,var(--ofc-library-aqua),rgba(255,255,255,.50),var(--ofc-library-gold));
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary{display:none!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel:not([open])>.ofc-blog-latest-content{display:block!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content{height:100%}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:15px;padding:4px 4px 14px;border-bottom:1px solid rgba(205,244,240,.16)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header .ofc-blog-card-kicker{margin:0 0 5px!important;color:#baf1ec!important;font-size:9.5px!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header h2{margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.08;letter-spacing:-.02em}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header>a{flex:0 0 auto;color:#f7cf72;font-size:11px;font-weight:900;letter-spacing:.02em}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li{min-width:0;margin:0}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a{
    display:grid;grid-template-columns:35px minmax(0,1fr) auto 22px;gap:9px;align-items:center;
    min-height:67px;padding:9px 10px;border:1px solid rgba(204,244,240,.13);border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
    color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.055);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a:hover,
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a:focus-visible{transform:translateY(-2px);border-color:rgba(244,196,94,.42);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 13px 25px rgba(0,20,29,.17),inset 0 1px rgba(255,255,255,.08)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-number{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(73,213,206,.13);color:#f7cb69;font-size:9px;font-weight:950}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-copy{display:block;min-width:0}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-copy strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:11.5px;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-copy small{display:block;overflow:hidden;margin-top:4px;color:rgba(226,246,243,.61);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content time{color:rgba(229,247,244,.60);font-size:9px;font-weight:800;white-space:nowrap}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a>i{color:#f6ca68;font-size:16px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-empty{margin:20px 4px;color:rgba(236,251,249,.78)}

  .ofc-blog-archive-premium-v1210>.ofc-blog-content-shell{padding:30px!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-overview{
    display:grid;grid-template-columns:minmax(0,1.03fr) minmax(460px,.97fr);gap:clamp(28px,4vw,58px);align-items:center;
    margin:0 0 38px;padding:clamp(30px,3.5vw,48px);border:1px solid rgba(10,123,128,.18);border-radius:31px;
    background:radial-gradient(circle at 0 0,rgba(73,213,206,.10),transparent 34%),linear-gradient(145deg,#fff,#f1f9f8);
    box-shadow:0 22px 54px rgba(2,43,54,.09),inset 0 1px #fff;
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy .ofc-blog-card-kicker{margin-bottom:9px!important;color:#08777c!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy h2{max-width:650px;margin:0;color:var(--ofc-library-ink);font-size:clamp(32px,2.9vw,44px);line-height:1.04;letter-spacing:-.038em}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy p{max-width:710px;margin:17px 0 0;color:#365e6c;font-size:15.5px;line-height:1.72}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy p+p{margin-top:10px;color:#56727d;font-size:14px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links>a{
    display:grid;grid-template-columns:34px minmax(0,1fr) 22px;grid-template-rows:auto auto;gap:3px 10px;align-items:center;
    min-height:93px;padding:14px;border:1px solid rgba(10,123,128,.16);border-radius:18px;background:rgba(255,255,255,.86);color:var(--ofc-library-ink);box-shadow:0 10px 23px rgba(2,43,54,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links>a:hover,
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links>a:focus-visible{transform:translateY(-3px);border-color:rgba(10,123,128,.34);box-shadow:0 17px 32px rgba(2,43,54,.10)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#06394a;color:#f6ca68;font-size:9px;font-weight:950}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links strong{font-size:13.5px;line-height:1.2}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links small{color:#68818a;font-size:10px;line-height:1.3}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links i{grid-column:3;grid-row:1/3;color:#0b888c;font-size:18px}

  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin:8px 2px 22px;padding:0 2px 18px;border-bottom:1px solid rgba(10,123,128,.16)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading .ofc-blog-card-kicker{margin-bottom:7px!important;color:#0a7b80!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading h2{margin:0;color:var(--ofc-library-ink);font-size:clamp(29px,2.6vw,40px);line-height:1.04;letter-spacing:-.035em}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading>p{max-width:430px;margin:0;color:#58737d;font-size:13.5px;line-height:1.55;text-align:right}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading--featured{margin-top:2px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-guide-library{scroll-margin-top:120px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-status{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:23px 25px;border:1px solid rgba(10,123,128,.16);border-radius:20px;background:linear-gradient(145deg,#fff,#f3faf9);color:#466a75}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-status strong{color:var(--ofc-library-ink);font-size:16px}
}

@media(min-width:768px) and (max-width:1180px){
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero .ofc-blog-hero-grid{grid-template-columns:1fr!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel{margin-top:4px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-overview{grid-template-columns:1fr}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero .ofc-blog-eyebrow{color:#aeeae5!important}
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero h1{font-size:clamp(39px,11.5vw,54px)!important;line-height:.96!important}
  .ofc-blog-archive-premium-v1210>.ofc-blog-hero .ofc-blog-lede{font-size:15px!important;line-height:1.55!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-trust-row span{font-size:11px!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel{margin-top:18px;border:0;background:transparent}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary{
    display:grid;grid-template-columns:minmax(0,1fr) 40px 42px;gap:10px;align-items:center;min-height:74px;padding:12px 13px 12px 16px;
    border:1px solid rgba(206,244,241,.19);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));color:#fff;box-shadow:0 16px 34px rgba(0,18,28,.16),inset 0 1px rgba(255,255,255,.08);cursor:pointer;
  }
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary span{min-width:0}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary small{display:block;margin-bottom:4px;color:#aeeae5;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary strong{display:block;overflow:hidden;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary em{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(244,196,94,.42);border-radius:13px;background:rgba(244,196,94,.09);color:#f8cf72;font-size:11px;font-style:normal;font-weight:950}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(73,213,206,.14);color:#baf4ef;font-size:22px;font-weight:500;transition:transform .2s ease}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel[open]>summary i{transform:rotate(45deg)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content{max-height:min(58vh,520px);margin-top:9px;padding:14px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(205,244,240,.18);border-radius:22px;background:rgba(3,42,55,.96);box-shadow:0 22px 48px rgba(0,18,28,.27)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 2px 11px;border-bottom:1px solid rgba(205,244,240,.13)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header .ofc-blog-card-kicker{display:none!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header h2{margin:0;color:#fff;font-size:18px;line-height:1.15}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content>header>a{color:#f6ca68;font-size:10px;font-weight:900}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto 22px;gap:9px;align-items:center;min-height:64px;padding:9px 10px;border:1px solid rgba(205,244,240,.13);border-radius:16px;background:rgba(255,255,255,.055);color:#fff}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(73,213,206,.13);color:#f7cc6d;font-size:10px;font-weight:950}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-copy{min-width:0}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-copy strong{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-copy small{display:block;overflow:hidden;margin-top:4px;color:rgba(226,246,243,.61);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content time{color:rgba(226,246,243,.55);font-size:9px;font-weight:800;white-space:nowrap}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a>i{color:#f6ca68;font-size:16px}

  .ofc-blog-archive-premium-v1210>.ofc-blog-content-shell{padding-top:18px!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-overview{margin:0 0 24px;padding:23px 19px;border:1px solid rgba(10,123,128,.16);border-radius:25px;background:linear-gradient(145deg,#fff,#f1f9f8);box-shadow:0 16px 34px rgba(2,43,54,.08)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy .ofc-blog-card-kicker{margin-bottom:7px!important;color:#08777c!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy h2{margin:0;color:var(--ofc-library-ink);font-size:clamp(27px,8vw,35px);line-height:1.03;letter-spacing:-.035em}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy p{margin:15px 0 0;color:#3e6470;font-size:14px;line-height:1.62}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-copy p+p{display:none}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links{display:flex;gap:10px;margin:19px -4px 0;padding:0 4px 5px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links::-webkit-scrollbar{display:none}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links>a{position:relative;flex:0 0 220px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:3px 9px;align-items:center;min-height:88px;padding:13px;border:1px solid rgba(10,123,128,.15);border-radius:18px;background:#fff;color:var(--ofc-library-ink);box-shadow:0 9px 20px rgba(2,43,54,.05);scroll-snap-align:start}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#06394a;color:#f6ca68;font-size:9px;font-weight:950}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links strong{font-size:12px;line-height:1.2}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links small{color:#68818a;font-size:9.5px;line-height:1.25}
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links i{grid-column:3;grid-row:1/3;color:#0b888c;font-size:17px}

  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading{display:block;margin:4px 2px 17px;padding:0 2px 14px;border-bottom:1px solid rgba(10,123,128,.15)}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading .ofc-blog-card-kicker{margin-bottom:6px!important;color:#0a7b80!important}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading h2{margin:0;color:var(--ofc-library-ink);font-size:27px;line-height:1.05;letter-spacing:-.032em}
  .ofc-blog-archive-premium-v1210 .ofc-blog-section-heading>p{margin:10px 0 0;color:#5a747d;font-size:12.5px;line-height:1.5}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-status{display:grid;gap:5px;padding:19px;border:1px solid rgba(10,123,128,.15);border-radius:18px;background:#f7fbfa;color:#55717b;font-size:12px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-status strong{color:var(--ofc-library-ink);font-size:14px}
}

@media(max-width:420px){
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary{grid-template-columns:minmax(0,1fr) 36px 38px;padding-left:13px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary em{width:36px;height:36px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary i{width:38px;height:38px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a{grid-template-columns:35px minmax(0,1fr) 20px}
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content time{display:none}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content li>a,
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links>a,
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel>summary i{transition:none!important}
}

@media(forced-colors:active){
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-panel,
  .ofc-blog-archive-premium-v1210 .ofc-blog-latest-content,
  .ofc-blog-archive-premium-v1210 .ofc-blog-library-overview,
  .ofc-blog-archive-premium-v1210 .ofc-blog-planning-links>a{border:1px solid CanvasText!important;background:Canvas!important;color:CanvasText!important;box-shadow:none!important}
}

/* ========================================================================== 
   Blog System 1.22.0 — featured guide editorial reconstruction
   Removes the legacy decorative poster slab and presents the featured guide
   as a portrait-led, owner-written editorial feature.
   ========================================================================== */
.ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label,
.ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof,
.ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer{box-sizing:border-box}

@media(min-width:1181px){
  .ofc-blog-archive-premium-v1220 .ofc-blog-section-heading--featured{
    align-items:end!important;
    margin-top:10px!important;
    padding-bottom:20px!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-section-heading--featured>p{
    max-width:390px!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured{
    display:grid!important;
    grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr)!important;
    min-height:570px!important;
    margin:10px 0 50px!important;
    overflow:hidden!important;
    border:1px solid rgba(92,178,178,.25)!important;
    border-radius:38px!important;
    background:linear-gradient(145deg,#f9fdfc,#fffaf1)!important;
    box-shadow:0 38px 86px rgba(1,35,47,.18),0 10px 28px rgba(1,35,47,.08),inset 0 1px #fff!important;
    isolation:isolate!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured:before{
    z-index:8!important;
    height:4px!important;
    background:linear-gradient(90deg,#48d7d0 0 34%,rgba(255,255,255,.66) 50%,#f4c45e 100%)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured:after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 83% 14%,rgba(244,196,94,.10),transparent 28%),
      linear-gradient(90deg,transparent 0 43%,rgba(73,213,206,.045) 43% 44%,transparent 44%);
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    min-height:570px!important;
    overflow:hidden!important;
    border:0!important;
    border-right:1px solid rgba(151,216,211,.22)!important;
    background:#082f40!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media:before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(2,31,43,.04) 36%,rgba(2,31,43,.62) 100%),
      linear-gradient(90deg,rgba(3,48,62,.14),transparent 28% 86%,rgba(255,255,255,.06));
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media:after{
    content:"";
    position:absolute;
    z-index:3;
    inset:18px;
    pointer-events:none;
    border:1px solid rgba(255,255,255,.52);
    border-radius:25px;
    box-shadow:inset 0 0 0 1px rgba(244,196,94,.18);
    background:none!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media img{
    width:100%!important;
    height:100%!important;
    min-height:570px!important;
    object-fit:cover!important;
    object-position:center 24%!important;
    filter:saturate(1.035) contrast(1.035) brightness(.99)!important;
    transform:none!important;
    transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .45s ease!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured:hover .ofc-blog-featured-media img{
    transform:scale(1.018)!important;
    filter:saturate(1.05) contrast(1.045) brightness(1)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label{
    position:absolute;
    z-index:5;
    left:38px;
    right:38px;
    bottom:34px;
    display:grid;
    gap:4px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.33);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(3,50,63,.88),rgba(4,92,89,.84));
    color:#fff;
    box-shadow:0 16px 34px rgba(0,24,34,.28),inset 0 1px rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label small{
    color:#f6cc70;
    font-size:9.5px;
    font-weight:950;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label strong{
    color:#fff;
    font-size:13px;
    line-height:1.25;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    padding:clamp(42px,3.8vw,64px)!important;
    background:
      linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.99) 19%,rgba(249,253,252,.97)),
      radial-gradient(circle at 100% 0%,rgba(244,196,94,.12),transparent 34%)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy:before{
    content:"START HERE";
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    min-height:28px;
    margin-bottom:15px;
    padding:5px 10px;
    border:1px solid rgba(8,126,132,.18);
    border-radius:999px;
    background:rgba(73,213,206,.08);
    color:#08777c;
    font-size:9px;
    font-weight:950;
    letter-spacing:.15em;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy .ofc-blog-card-kicker{
    margin:0 0 11px!important;
    color:#9a7224!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy h2{
    max-width:720px!important;
    margin:0!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(43px,3.65vw,59px)!important;
    font-weight:600!important;
    line-height:.98!important;
    letter-spacing:-.042em!important;
    text-wrap:balance;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy h2 a:focus-visible{
    outline:3px solid rgba(8,126,132,.30);
    outline-offset:6px;
    border-radius:6px;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-deck{
    max-width:690px!important;
    margin:20px 0 0!important;
    color:#365f6c!important;
    font-size:16px!important;
    line-height:1.65!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:25px;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof>span{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:2px 10px;
    min-height:118px;
    padding:14px;
    border:1px solid rgba(9,126,133,.16);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(238,250,248,.88),rgba(255,255,255,.96));
    box-shadow:0 10px 23px rgba(2,43,54,.055),inset 0 1px #fff;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof b{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border-radius:10px;
    background:#07384a;
    color:#f7ca68;
    font-size:9px;
    font-weight:950;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof strong{
    align-self:end;
    color:#073448;
    font-size:12.5px;
    line-height:1.2;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof small{
    color:#617c85;
    font-size:10px;
    line-height:1.35;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-top:26px;
    padding-top:22px;
    border-top:1px solid rgba(9,126,133,.14);
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-card-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 14px!important;
    margin:0!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-card-meta span{
    color:#54727d!important;
    font-size:10.5px!important;
    font-weight:850!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-card-meta span+span:before{
    content:"•";
    margin-right:12px;
    color:#d7a72d;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link{
    display:inline-grid!important;
    grid-template-columns:auto 38px!important;
    gap:12px!important;
    align-items:center!important;
    min-width:190px!important;
    min-height:54px!important;
    margin:0!important;
    padding:8px 8px 8px 18px!important;
    border:1px solid rgba(8,126,132,.23)!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,#f4fbfa,#fff)!important;
    color:#08777c!important;
    font-size:13px!important;
    font-weight:950!important;
    box-shadow:0 13px 28px rgba(2,43,54,.08)!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link i{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:12px;
    background:linear-gradient(145deg,#07384a,#087675);
    color:#f7ca68;
    font-style:normal;
    font-size:18px;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link:hover,
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link:focus-visible{
    transform:translateY(-2px)!important;
    border-color:rgba(8,126,132,.40)!important;
    box-shadow:0 18px 34px rgba(2,43,54,.13)!important;
  }
}

@media(min-width:768px) and (max-width:1180px){
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured{
    display:grid!important;
    grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)!important;
    min-height:500px!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media{min-height:500px!important;border-bottom:0!important;border-right:1px solid rgba(128,204,201,.17)!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media img{min-height:500px!important;object-position:center 24%!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label{position:absolute;left:24px;right:24px;bottom:24px;padding:13px 14px;border-radius:15px;background:rgba(3,55,68,.88);color:#fff}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label small{display:block;color:#f6cc70;font-size:8.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label strong{display:block;margin-top:3px;color:#fff;font-size:11px}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy{padding:34px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-copy h2{font-size:clamp(34px,4.4vw,46px)!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof>span{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 9px;padding:11px;border:1px solid rgba(9,126,133,.14);border-radius:14px;background:#f7fbfa}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof b{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#07384a;color:#f7ca68;font-size:8px}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof strong{font-size:11px}.ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof small{font-size:9px;color:#657d85}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer{display:grid;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(9,126,133,.14)}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link{justify-self:start!important}
}

@media(max-width:767px){
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media-label,
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-proof{display:none!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-deck{margin-top:12px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer{display:block;margin-top:auto}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-card-meta{display:none!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link{margin-top:12px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link i{font-style:normal}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-media img,
  .ofc-blog-archive-premium-v1220 .ofc-blog-featured-footer .ofc-blog-text-link{transition:none!important}
}

/* ========================================================================== 
   Blog System 1.22.0 — mobile latest releases open by default
   ========================================================================== */

@media(max-width:767px){
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-panel{margin-top:17px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-panel>summary{
    position:relative;
    z-index:2;
    border-color:rgba(207,245,241,.23)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
    box-shadow:0 17px 36px rgba(0,19,29,.19),inset 0 1px rgba(255,255,255,.10)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-panel[open]>summary{
    border-radius:22px 22px 16px 16px!important;
    border-bottom-color:rgba(207,245,241,.10)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-panel[open]>.ofc-blog-latest-content{
    display:block!important;
    max-height:none!important;
    margin-top:-1px!important;
    padding:13px!important;
    overflow:visible!important;
    border-radius:0 0 22px 22px!important;
    background:linear-gradient(155deg,rgba(3,42,55,.985),rgba(4,70,72,.98))!important;
    box-shadow:0 22px 46px rgba(0,18,28,.24),inset 0 1px rgba(255,255,255,.07)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-content>header{
    align-items:center!important;
    margin-bottom:8px!important;
    padding:0 2px 9px!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-content>header h2{font-size:16px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-content ol{gap:6px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-content li>a{
    min-height:55px!important;
    padding:8px 9px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.062)!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-number{width:35px!important;height:35px!important}
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-copy strong{
    font-size:11.5px!important;
    line-height:1.21!important;
    -webkit-line-clamp:2!important;
  }
  .ofc-blog-archive-premium-v1220 .ofc-blog-latest-copy small{font-size:8.7px!important}
}


/* ========================================================================== 
   Blog System 1.22.1 — premium mobile website menu + distinct release library
   Removes inherited fragment styling from website destinations and gives the
   Blog release directory its own date-led visual language, separate from the
   numbered article takeaways and reading-path steps.
   ========================================================================== */

@media(max-width:1180px){
  .ofc-blog-premium-v1221 .ofc-blog-mobile-command-tabs button small{
    min-width:auto!important;width:auto!important;height:auto!important;padding:4px 7px!important;
    border:1px solid rgba(10,123,128,.12)!important;border-radius:7px!important;
    background:rgba(255,255,255,.48)!important;font-size:8px!important;letter-spacing:.04em!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-command-tabs button[aria-selected="true"] small{
    border-color:rgba(244,196,94,.22)!important;background:rgba(244,196,94,.13)!important;color:#ffd66c!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a{
    position:relative!important;display:grid!important;grid-template-columns:29px minmax(0,1fr) 17px!important;
    gap:8px!important;align-items:center!important;min-height:63px!important;padding:9px 9px!important;
    overflow:hidden!important;border:1px solid rgba(8,118,124,.14)!important;border-radius:15px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,249,248,.97))!important;
    color:#143f4d!important;box-shadow:0 7px 17px rgba(2,42,54,.045),inset 0 1px rgba(255,255,255,.96)!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a:before{
    content:"";position:absolute;inset:auto 8px 0;height:2px;border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(73,213,206,.42),transparent);opacity:.54;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links .ofc-blog-mobile-site-icon{
    display:grid!important;place-items:center!important;width:29px!important;height:29px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:9px!important;background:linear-gradient(145deg,#e4f7f4,#f9fcfb)!important;
    color:#087c83!important;box-shadow:inset 0 0 0 1px rgba(8,124,131,.12)!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links .ofc-blog-mobile-site-icon svg{
    width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links .ofc-blog-mobile-site-copy{
    display:grid!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;
    gap:2px!important;border:0!important;border-radius:0!important;background:none!important;color:inherit!important;box-shadow:none!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-copy strong{
    overflow:hidden;color:#103b49;font-size:11.5px;font-weight:950;line-height:1.08;text-overflow:ellipsis;white-space:nowrap;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-copy small{
    overflow:hidden;color:#70878e;font-size:8.2px;font-weight:800;line-height:1.12;text-overflow:ellipsis;white-space:nowrap;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a>i{
    display:grid!important;place-items:center!important;width:17px!important;height:17px!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:none!important;color:#10878c!important;font-size:15px!important;font-weight:800!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a[aria-current="page"]{
    border-color:rgba(8,126,132,.26)!important;background:linear-gradient(145deg,#e7f8f5,#f9fcfb)!important;
    box-shadow:0 8px 19px rgba(2,60,70,.075),inset 3px 0 #18aaa8!important;
  }
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a[aria-current="page"] .ofc-blog-mobile-site-copy small{color:#0a7a80!important}
}

@media(max-width:360px){
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a{grid-template-columns:26px minmax(0,1fr) 14px!important;gap:6px!important;min-height:58px!important;padding:7px!important}
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links .ofc-blog-mobile-site-icon{width:26px!important;height:26px!important;border-radius:8px!important}
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links .ofc-blog-mobile-site-icon svg{width:15px;height:15px}
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-copy strong{font-size:10.5px}
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-copy small{font-size:7.5px}
}

.ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-mark svg,
.ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-chevron svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:768px){
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-content li>a{
    grid-template-columns:43px minmax(0,1fr) 48px!important;gap:11px!important;min-height:70px!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date{
    display:grid!important;place-items:center!important;align-content:center!important;width:43px!important;height:45px!important;
    border:1px solid rgba(244,196,94,.26)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(244,196,94,.13),rgba(73,213,206,.08))!important;
    color:#fff!important;line-height:1!important;text-align:center!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date small{color:#b8ebe6!important;font-size:7px!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date strong{margin-top:3px;color:#f7ce70!important;font-size:14px!important;font-weight:950!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-action{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#f6ca68;font-weight:900}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-action small{font-size:8px;letter-spacing:.05em;text-transform:uppercase}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-action i{font-size:16px}
}

@media(max-width:767px){
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-panel>summary{
    grid-template-columns:39px minmax(0,1fr) auto 30px!important;gap:9px!important;min-height:76px!important;padding:10px 12px!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-mark{
    display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border:1px solid rgba(73,213,206,.25)!important;
    border-radius:12px!important;background:linear-gradient(145deg,rgba(73,213,206,.18),rgba(255,255,255,.055))!important;color:#bff4ef!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-mark svg{width:20px;height:20px}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-copy{display:block!important;min-width:0!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-copy small{margin-bottom:3px!important;font-size:8px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-copy strong{font-size:14px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-count{
    display:block!important;padding:5px 7px!important;border:1px solid rgba(244,196,94,.28)!important;border-radius:8px!important;
    background:rgba(244,196,94,.08)!important;color:#f6cc6c!important;font-size:8px!important;font-weight:950!important;white-space:nowrap!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-chevron{
    display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:0!important;border-radius:9px!important;
    background:rgba(73,213,206,.10)!important;color:#c2f5f0!important;font-size:20px!important;line-height:1!important;transform:rotate(0deg)!important;transition:transform .2s ease!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-chevron svg{width:17px;height:17px}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-panel[open] .ofc-blog-latest-summary-chevron{transform:rotate(180deg)!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-content>header{margin-bottom:9px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-content>header h2{font-size:15px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-content li>a{
    grid-template-columns:42px minmax(0,1fr) 43px!important;gap:10px!important;min-height:67px!important;padding:9px!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date{
    display:grid!important;place-items:center!important;align-content:center!important;width:42px!important;height:45px!important;
    border:1px solid rgba(244,196,94,.25)!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(244,196,94,.13),rgba(73,213,206,.10))!important;
    color:#fff!important;line-height:1!important;text-align:center!important;
  }
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date small{color:#b8ebe6!important;font-size:7px!important;font-weight:950!important;letter-spacing:.11em!important;text-transform:uppercase!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date strong{margin-top:3px;color:#f7ce70!important;font-size:14px!important;font-weight:950!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-action{display:grid!important;place-items:center!important;gap:1px;color:#f6ca68!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-action small{font-size:7px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-action i{font-size:16px!important;font-style:normal!important}
}

@media(max-width:360px){
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-panel>summary{grid-template-columns:36px minmax(0,1fr) auto 28px!important;gap:7px!important;padding-inline:10px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-mark{width:36px!important;height:36px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-count{padding:4px 5px!important;font-size:7.5px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-chevron{width:28px!important;height:28px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-content li>a{grid-template-columns:39px minmax(0,1fr) 38px!important;gap:8px!important}
  .ofc-blog-archive-premium-v1221 .ofc-blog-release-date{width:39px!important;height:42px!important}
}

@media(prefers-reduced-motion:reduce){
  .ofc-blog-archive-premium-v1221 .ofc-blog-latest-summary-chevron,
  .ofc-blog-premium-v1221 .ofc-blog-mobile-site-links a{transition:none!important}
}

/* ========================================================================== 
   Blog System 1.22.2 — crisp desktop archive scenery
   The former archive renderer exposed intentionally blurred ambient plates at
   wide/zoomed-out viewport widths. This release removes those plates from the
   public Blog archive, keeps the photographic scene sharp to the protected
   content corridor, and switches to dedicated wide-format sources when the
   browser provides enough horizontal room.
   ========================================================================== */
@media(min-width:1181px){
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span{
    background:
      radial-gradient(ellipse at 8% 24%,rgba(72,213,214,.12),transparent 34%),
      radial-gradient(ellipse at 92% 22%,rgba(255,202,91,.12),transparent 35%),
      linear-gradient(90deg,#063c50 0%,#0a7788 38%,#e7f7f6 49%,#f9ead0 51%,#d58b2d 68%,#6b3a16 100%)!important;
  }
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:after{
    width:max(250px,calc((100vw - var(--ofc-blog-scene-corridor))/2 + 190px))!important;
    background-color:transparent!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.015) contrast(1.022) brightness(1.005)!important;
  }
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:before{
    background-image:
      url("../images/oahu-ocean-left-v118-1x.webp")!important;
    background-image:
      -webkit-image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x)!important;
    background-image:
      image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x)!important;
    background-size:auto 108%!important;
    background-position:left top!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:after{
    background-image:
      url("../images/oahu-sand-right-v118-1x.webp")!important;
    background-image:
      -webkit-image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x)!important;
    background-image:
      image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x)!important;
    background-size:auto 108%!important;
    background-position:right top!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
}

@media(min-width:2200px){
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:before{
    background-image:
      url("../images/oahu-ocean-left-v1222-wide-1x.webp")!important;
    background-image:
      -webkit-image-set(url("../images/oahu-ocean-left-v1222-wide-1x.webp") 1x,url("../images/oahu-ocean-left-v1222-wide-2x.webp") 2x)!important;
    background-image:
      image-set(url("../images/oahu-ocean-left-v1222-wide-1x.webp") 1x,url("../images/oahu-ocean-left-v1222-wide-2x.webp") 2x)!important;
    background-size:auto 100%!important;
    background-position:left top!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 92%,rgba(0,0,0,.88) 96%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 92%,rgba(0,0,0,.88) 96%,transparent 100%)!important;
  }
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:after{
    background-image:
      url("../images/oahu-sand-right-v1222-wide-1x.webp")!important;
    background-image:
      -webkit-image-set(url("../images/oahu-sand-right-v1222-wide-1x.webp") 1x,url("../images/oahu-sand-right-v1222-wide-2x.webp") 2x)!important;
    background-image:
      image-set(url("../images/oahu-sand-right-v1222-wide-1x.webp") 1x,url("../images/oahu-sand-right-v1222-wide-2x.webp") 2x)!important;
    background-size:auto 100%!important;
    background-position:right top!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 92%,rgba(0,0,0,.88) 96%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 92%,rgba(0,0,0,.88) 96%,transparent 100%)!important;
  }
}

@media(min-width:4200px){
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:after{background-size:cover!important}
}

@media(prefers-reduced-data:reduce){
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-v118-1x.webp")!important;
    background-size:auto 100%!important;
  }
  .ofc-blog-archive-premium-v1222 .ofc-blog-archive-shoreline>span:after{
    background-image:url("../images/oahu-sand-right-v118-1x.webp")!important;
    background-size:auto 100%!important;
  }
}

/* ========================================================================== 
   Blog System 1.22.3 — locked master Blog scenery
   Applies the approved crisp /blog/ environment to every Blog-owned desktop
   surface. The prior ultrawide retarget allocated too few source pixels to the
   center-facing edge, which made the ocean and beach look soft beside the
   content. The master plates reverse that allocation: center-facing scenery
   remains detailed, while any necessary expansion is pushed to the physical
   browser edges. No ambient blur plate is used.
   ========================================================================== */
@media(min-width:1181px){
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span{
    background:
      radial-gradient(ellipse at 8% 24%,rgba(72,213,214,.10),transparent 34%),
      radial-gradient(ellipse at 92% 22%,rgba(255,202,91,.10),transparent 35%),
      linear-gradient(90deg,#063c50 0%,#0a7788 38%,#eef9f8 49%,#eef9f8 51%,#d58b2d 68%,#6b3a16 100%)!important;
  }
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span:before{
    background-color:transparent!important;
    background-image:url("../images/oahu-ocean-left-v118-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-ocean-left-v118-1x.webp") 1x,url("../images/oahu-ocean-left-v118-2x.webp") 2x)!important;
    background-repeat:no-repeat!important;
    background-size:auto 108%!important;
    background-position:left top!important;
    filter:none!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 88%,rgba(0,0,0,.96) 94%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 88%,rgba(0,0,0,.96) 94%,transparent 100%)!important;
  }
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span:after{
    background-color:transparent!important;
    background-image:url("../images/oahu-sand-right-v118-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-sand-right-v118-1x.webp") 1x,url("../images/oahu-sand-right-v118-2x.webp") 2x)!important;
    background-repeat:no-repeat!important;
    background-size:auto 108%!important;
    background-position:right top!important;
    filter:none!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 88%,rgba(0,0,0,.96) 94%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 88%,rgba(0,0,0,.96) 94%,transparent 100%)!important;
  }
}

@media(min-width:2200px){
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-v1223-master-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-ocean-left-v1223-master-1x.webp") 1x,url("../images/oahu-ocean-left-v1223-master-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-ocean-left-v1223-master-1x.webp") 1x,url("../images/oahu-ocean-left-v1223-master-2x.webp") 2x)!important;
    background-size:cover!important;
    background-position:right top!important;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.90) 97%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,#000 0%,#000 94%,rgba(0,0,0,.90) 97%,transparent 100%)!important;
  }
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span:after{
    background-image:url("../images/oahu-sand-right-v1223-master-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-sand-right-v1223-master-1x.webp") 1x,url("../images/oahu-sand-right-v1223-master-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-sand-right-v1223-master-1x.webp") 1x,url("../images/oahu-sand-right-v1223-master-2x.webp") 2x)!important;
    background-size:cover!important;
    background-position:left top!important;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 94%,rgba(0,0,0,.90) 97%,transparent 100%)!important;
    mask-image:linear-gradient(270deg,#000 0%,#000 94%,rgba(0,0,0,.90) 97%,transparent 100%)!important;
  }
}

@media(prefers-reduced-data:reduce){
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-v118-1x.webp")!important;
    background-size:auto 100%!important;
  }
  .ofc-blog-scenery-master-v1223 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1223 .ofc-blog-parted-shoreline>span:after{
    background-image:url("../images/oahu-sand-right-v118-1x.webp")!important;
    background-size:auto 100%!important;
  }
}


/* ========================================================================== 
   Blog System 1.22.4 — continuous crisp master panorama
   The 1.22.3 renderer still left the parent scene's teal-to-gold gradient
   visible anywhere the two side plates did not overlap. That smooth color
   field looked like a blurred center on archive endings and exposed article
   transitions. This locked renderer replaces the split plates with one real
   3600x2160 / 7200x4320 photographic panorama. Ocean and beach pixels remain
   continuous through the center; no blur, stretch plate, ambient image,
   radial wash, pseudo-element mask, or synthetic center gradient is used.
   ========================================================================== */
@media(min-width:1181px){
  .ofc-blog-scenery-master-v1224 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1224 .ofc-blog-parted-shoreline>span{
    background-color:#07596a!important;
    background-image:url("../images/oahu-parted-shoreline-crisp-master-v1224-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-parted-shoreline-crisp-master-v1224-1x.webp") 1x,url("../images/oahu-parted-shoreline-crisp-master-v1224-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-parted-shoreline-crisp-master-v1224-1x.webp") 1x,url("../images/oahu-parted-shoreline-crisp-master-v1224-2x.webp") 2x)!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .ofc-blog-scenery-master-v1224 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1224 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1224 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-scenery-master-v1224 .ofc-blog-parted-shoreline>span:after{
    content:none!important;
    display:none!important;
    background:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:none!important;
  }
}
@media(min-width:2200px){
  .ofc-blog-scenery-master-v1224 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1224 .ofc-blog-parted-shoreline>span{
    background-image:url("../images/oahu-parted-shoreline-crisp-master-v1224-2x.webp")!important;
    background-position:center top!important;
    background-size:cover!important;
  }
}
@media(prefers-reduced-data:reduce){
  .ofc-blog-scenery-master-v1224 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1224 .ofc-blog-parted-shoreline>span{
    background-image:url("../images/oahu-parted-shoreline-crisp-master-v1224-1x.webp")!important;
  }
}


/* ========================================================================== 
   Blog System 1.22.5 — cinematic fidelity master
   Visual-fidelity-only release. The approved 1.22.4 geometry, positioning,
   center coverage, archive/article behavior, and all responsive breakpoints
   remain unchanged. New cache-busted 3600x2160 / 7200x4320 masters receive
   restrained multiscale clarity, richer tonal separation, cleaner surf,
   foliage and sand detail, and higher-quality WebP encoding. No CSS filter,
   blur, ambient plate, synthetic gradient, transform, or alternate renderer.
   ========================================================================== */
@media(min-width:1181px){
  .ofc-blog-scenery-master-v1225 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1225 .ofc-blog-parted-shoreline>span{
    background-color:#07596a!important;
    background-image:url("../images/oahu-parted-shoreline-cinematic-master-v1225-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-parted-shoreline-cinematic-master-v1225-1x.webp") 1x,url("../images/oahu-parted-shoreline-cinematic-master-v1225-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-parted-shoreline-cinematic-master-v1225-1x.webp") 1x,url("../images/oahu-parted-shoreline-cinematic-master-v1225-2x.webp") 2x)!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-size:cover!important;
    image-rendering:auto!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .ofc-blog-scenery-master-v1225 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1225 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1225 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-scenery-master-v1225 .ofc-blog-parted-shoreline>span:after{
    content:none!important;
    display:none!important;
    background:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    filter:none!important;
  }
}
@media(min-width:2200px){
  .ofc-blog-scenery-master-v1225 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1225 .ofc-blog-parted-shoreline>span{
    background-image:url("../images/oahu-parted-shoreline-cinematic-master-v1225-2x.webp")!important;
    background-position:center top!important;
    background-size:cover!important;
  }
}
@media(prefers-reduced-data:reduce){
  .ofc-blog-scenery-master-v1225 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1225 .ofc-blog-parted-shoreline>span{
    background-image:url("../images/oahu-parted-shoreline-cinematic-master-v1225-1x.webp")!important;
  }
}


/* ========================================================================== 
   Blog System 1.22.7 — wide-aspect native scenery fidelity master
   Screenshot-grounded correction for ultra-wide and zoomed-out desktops.
   The 1.22.6 portrait panels were high resolution, but wide viewports forced
   them through an aggressive cover crop that enlarged the upper coastline,
   trees, water, and sand. This renderer uses broader overlapping source
   masters derived from the approved 7200x4320 cinematic artwork. The original
   ocean/sunset join stays beneath the protected content corridor, while the
   visible side scenery retains more native horizontal field of view. Wide
   aspect ratios use bounded percentage sizing rather than unrestricted cover,
   reducing scenic magnification without introducing blur, stretching, filler,
   duplicated atmosphere, or alternate mobile artwork.
   ========================================================================== */
@media(min-width:1181px){
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span{
    position:sticky!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#07596a!important;
    background-image:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    height:auto!important;
    margin:0!important;
    border:0!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
    background-color:transparent!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    image-rendering:auto!important;
    pointer-events:none!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:before{
    left:0!important;
    right:auto!important;
    width:66%!important;
    background-image:url("../images/oahu-ocean-left-wide-v1227-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-ocean-left-wide-v1227-1x.webp") 1x,url("../images/oahu-ocean-left-wide-v1227-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-ocean-left-wide-v1227-1x.webp") 1x,url("../images/oahu-ocean-left-wide-v1227-2x.webp") 2x)!important;
    background-position:45% 30%!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    z-index:0!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:after{
    left:auto!important;
    right:0!important;
    width:55%!important;
    background-image:url("../images/oahu-sunset-right-wide-v1227-1x.webp")!important;
    background-image:-webkit-image-set(url("../images/oahu-sunset-right-wide-v1227-1x.webp") 1x,url("../images/oahu-sunset-right-wide-v1227-2x.webp") 2x)!important;
    background-image:image-set(url("../images/oahu-sunset-right-wide-v1227-1x.webp") 1x,url("../images/oahu-sunset-right-wide-v1227-2x.webp") 2x)!important;
    background-position:55% 30%!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 10%,rgba(0,0,0,.9) 21%,#000 30%,#000 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 10%,rgba(0,0,0,.9) 21%,#000 30%,#000 100%)!important;
    z-index:1!important;
  }
}
/* Wide and zoomed-out desktop viewports: preserve more scene width and avoid
   the portrait-panel cover enlargement visible in the supplied screenshots. */
@media(min-width:1181px) and (min-aspect-ratio:8/5){
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:before{
    background-size:108% auto!important;
    background-position:left 30%!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:after{
    background-size:115% auto!important;
    background-position:right 30%!important;
  }
}
@media(min-width:2400px) and (min-aspect-ratio:2/1){
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:before{
    background-size:104% auto!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:after{
    background-size:110% auto!important;
  }
}
@media(min-width:1600px),(min-resolution:1.5dppx){
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-wide-v1227-2x.webp")!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:after{
    background-image:url("../images/oahu-sunset-right-wide-v1227-2x.webp")!important;
  }
}
@media(prefers-reduced-data:reduce){
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:before,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:before{
    background-image:url("../images/oahu-ocean-left-wide-v1227-1x.webp")!important;
  }
  .ofc-blog-scenery-master-v1227 .ofc-blog-archive-shoreline>span:after,
  .ofc-blog-scenery-master-v1227 .ofc-blog-parted-shoreline>span:after{
    background-image:url("../images/oahu-sunset-right-wide-v1227-1x.webp")!important;
  }
}