.c302-placement{--ink:#183c45;--muted:#55747a;--sea:#07677b;--gold:#d19a4b;--pale:#e7f2f2;--border:#cbdcdf}.c302-placement *{box-sizing:border-box}.c302-placement body{margin:0;background:#eaf0f1;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.c302-placement .previewbar{background:#153f49;color:#eaf7f8;padding:11px max(18px,calc((100vw - 1320px)/2));font-size:11px;font-weight:800;letter-spacing:.07em;display:flex;justify-content:space-between;gap:12px;align-items:center}.c302-placement .statusdot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#e7ae64;margin-right:8px}.c302-placement .app{max-width:1320px;margin:auto;padding:32px 24px 60px}.c302-placement .lab-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:23px}.c302-placement .eyebrow{letter-spacing:.18em;font-size:11px;font-weight:800;color:#a67637}.c302-placement .lab-heading h1{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.045em;margin:4px 0}.c302-placement .dek{margin:0;color:#516b71;max-width:760px;font-size:14px;line-height:1.6}.c302-placement .version{border:1px solid #adc4c7;border-radius:100px;padding:9px 15px;white-space:nowrap;font-size:12px;font-weight:650}.c302-placement .site-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.c302-placement .site-tabs button{border:1px solid #c8d9db;background:#f9fdfd;color:#4e6d72;border-radius:12px 12px 0 0;padding:14px 10px;text-align:center;cursor:pointer;font-weight:850;font-size:14px}.c302-placement .site-tabs button span{font-weight:500;display:block;font-size:11px;margin-top:3px}.c302-placement .site-tabs button[aria-selected=true]{color:#fff;background:#125b6c;border-color:#125b6c}.c302-placement .control-note{background:#fff;border:1px solid #d9e2e4;border-top:0;padding:12px 22px;display:flex;justify-content:space-between;color:#668086;font-size:11px;gap:10px}.c302-placement .control-note b{color:#1d4d5b}.c302-placement .site{background:#f9f8f4;border:1px solid #d6e2e3;border-top:none;min-height:700px;box-shadow:0 20px 50px #355a6214}.c302-placement .masthead{min-height:76px;padding:15px 45px;background:#fefefe;display:flex;justify-content:space-between;align-items:center;gap:18px}.c302-placement .brandlock{display:flex;align-items:center;gap:10px}.c302-placement .brand-icon{width:45px;height:45px;background:#07687c;color:white;display:grid;place-items:center;border-radius:50%;font-size:25px;border:3px solid #e4b779}.c302-placement .brand strong,.c302-placement .brand small{display:block;letter-spacing:.12em}.c302-placement .brand strong{font-size:17px}.c302-placement .brand small{font-size:9px;color:#a57837;font-weight:850}.c302-placement .nav{display:flex;gap:25px;color:#567176;font-size:12px;font-weight:700}.c302-placement .hero{min-height:236px;display:grid;grid-template-columns:1fr 38%;background:#103f4c;color:#fff}.c302-placement .hero-text{padding:36px 45px}.c302-placement .hero-top{color:#dfb772;letter-spacing:.18em;font-size:11px;font-weight:850;margin:0 0 9px}.c302-placement .hero h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(29px,4vw,46px);letter-spacing:-.02em;max-width:690px;line-height:1.1;margin:0 0 12px}.c302-placement .hero p:not(.hero-top){max-width:500px;line-height:1.5;color:#d1e6e8;font-size:13px}.c302-placement .hero-cta{display:inline-block;border:1px solid #e4bb79;padding:11px 16px;margin-top:6px;color:#fff;font-size:12px;font-weight:750}.c302-placement .hero-photo{background:linear-gradient(120deg,#0d6376aa,#183b48aa),url("oyster-owner-photography.png") center 42% /cover}.c302-placement .site.shrimp .hero-photo{background:linear-gradient(120deg,#0d6376bb,#183b48aa),url("shrimp-owner-photography.png") center/cover}.c302-placement .site-main{padding:25px 45px 55px}.c302-placement .position-label{display:flex;gap:13px;align-items:center;letter-spacing:.12em;color:#8e733b;font-size:10px;font-weight:800;margin:0 0 10px}.c302-placement .position-label span{font-size:11px;color:#7a9297;text-transform:none;letter-spacing:0;font-weight:500}.c302-placement .sponsor{border:1px solid #d9e3e1;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 12px 30px #16444a14}.c302-placement .sponsor-top{padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px}.c302-placement .sponsor-header{display:flex;align-items:flex-start;gap:14px}.c302-placement .sponsored-chip{background:#f1e6d2;color:#71502a;border:1px solid #dfc59d;border-radius:4px;padding:6px 9px;font-size:10px;font-weight:850;letter-spacing:.09em;white-space:nowrap;margin-top:4px}.c302-placement .sponsor-header h3{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:0 0 5px}.c302-placement .sponsor-header p{font-size:11px;color:#718589;margin:0}.c302-placement .region-picker{display:grid;gap:5px;color:#567179;font-size:10px;font-weight:700;min-width:190px}.c302-placement .region-picker select{border:1px solid #b5ced1;border-radius:8px;padding:10px 13px;background:#fff;color:#194c59;font-weight:750;font-size:13px}.c302-placement .sponsor-frame{padding:0 25px}.c302-placement .sponsor-feature{display:grid;grid-template-columns:38% 1fr;min-height:247px;border-radius:9px;overflow:hidden;background:#f5f7f3;border:1px solid #deebe9}.c302-placement .art{display:flex;flex-direction:column;justify-content:space-between;position:relative;background:linear-gradient(140deg,#077687,#184b58 65%,#d5a165);color:#fff;padding:24px;overflow:hidden}.c302-placement .art:after{content:"";position:absolute;width:280px;height:280px;border:2px solid #ffffff32;border-radius:100%;right:-80px;bottom:-140px;box-shadow:0 0 0 50px #ffffff0d,0 0 0 90px #ffffff0a}.c302-placement .art-kicker{font-size:10px;font-weight:800;letter-spacing:.2em;z-index:1}.c302-placement .art-symbol{font:100px/1 Georgia,serif;align-self:center;opacity:.8;z-index:1}.c302-placement .art-bottom{font-size:10px;letter-spacing:.19em;font-weight:800;z-index:1}.c302-placement .feature-copy{padding:25px 28px 17px}.c302-placement .ad-type{font-size:10px;letter-spacing:.13em;font-weight:850;color:#a17537}.c302-placement .feature-copy h4{font:normal clamp(23px,2.6vw,32px)/1.12 Georgia,serif;color:#163e49;margin:12px 0}.c302-placement .feature-copy p{font-size:13px;line-height:1.65;color:#5e7980;margin:0}.c302-placement .detail-row{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#536c72;margin-top:16px}.c302-placement .detail-row span:before{content:"•";color:#c79b58;margin-right:8px}.c302-placement .feature-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}.c302-placement .feature-footer a{background:#086d80;color:#fff;text-decoration:none;font-size:12px;font-weight:800;padding:11px 17px;border-radius:5px}.c302-placement .fixture-alert{font-size:9px;letter-spacing:.12em;color:#aa7232;font-weight:800}.c302-placement .sponsor-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px}.c302-placement .pager{display:flex;align-items:center;gap:13px}.c302-placement .pager button{border:1px solid #9ebec4;background:white;color:#1a6173;min-height:34px;min-width:36px;border-radius:5px;cursor:pointer;font-size:13px}.c302-placement .pager button:disabled{opacity:.35;cursor:default}.c302-placement .pager button#pause{padding:7px 12px;font-size:11px;font-weight:700}.c302-placement .pager #count{font-size:12px;font-weight:800;white-space:nowrap}.c302-placement .dots{display:flex;gap:6px}.c302-placement .dots i{background:#ccdce0;width:7px;height:7px;border-radius:100%}.c302-placement .dots i.active{background:#0a7184;width:19px;border-radius:7px}.c302-placement .rotation-note{color:#799095;font-size:10px}.c302-placement .after{padding:42px 4px}.c302-placement .section-intro h3{font:normal 29px Georgia,serif;margin:7px 0}.c302-placement .section-intro p{font-size:12px;color:#627b82}.c302-placement .editorial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.c302-placement .editorial-cards>div{min-height:100px;border:1px solid #d9e3e1;background:#fff;padding:20px;border-radius:9px}.c302-placement .editorial-cards strong,.c302-placement .editorial-cards span{display:block}.c302-placement .editorial-cards strong{font-family:Georgia,serif;font-size:17px;font-weight:500}.c302-placement .editorial-cards span{color:#788c91;font-size:11px;margin-top:8px}.c302-placement .spec{padding:20px 4px;display:grid;gap:7px;font-size:12px;line-height:1.6;color:#5c747a}.c302-placement .spec strong{color:#234c56;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.c302-placement .site.shrimp .masthead{background:#fffaf0}.c302-placement .site.shrimp .brand-icon{background:#bd6944}.c302-placement .site.shrimp .hero{background:#244c52}.c302-placement .site.shrimp .sponsor-header h3{color:#3b594e}.c302-placement .site.shrimp .art{background:linear-gradient(135deg,#c06442,#dbac69 62%,#28696f)}.c302-placement button:focus-visible,.c302-placement select:focus-visible,.c302-placement a:focus-visible{outline:3px solid #dfae4e;outline-offset:3px}@media (max-width:800px){.c302-placement .app{padding:20px 12px}.c302-placement .masthead{padding:15px 20px}.c302-placement .nav{gap:10px}.c302-placement .hero-text{padding:30px 22px}.c302-placement .site-main{padding:20px}.c302-placement .sponsor-top{padding:18px;align-items:flex-start;flex-wrap:wrap}.c302-placement .sponsor-frame{padding:0 18px}.c302-placement .feature-copy{padding:20px}.c302-placement .previewbar{font-size:9px}}@media (max-width:540px){.c302-placement .previewbar span:last-child{display:none}.c302-placement .lab-heading{align-items:flex-start}.c302-placement .version{display:none}.c302-placement .site-tabs{gap:3px}.c302-placement .site-tabs button{font-size:11px;padding:12px 3px}.c302-placement .site-tabs button span{font-size:10px}.c302-placement .control-note{padding:10px;font-size:10px}.c302-placement .control-note span:last-child{display:none}.c302-placement .masthead{padding:14px}.c302-placement .nav{display:none}.c302-placement .hero{grid-template-columns:1fr;min-height:205px}.c302-placement .hero-text{padding:25px 20px}.c302-placement .hero-photo{display:none}.c302-placement .hero h2{font-size:31px}.c302-placement .site-main{padding:14px}.c302-placement .position-label{display:block;font-size:9px}.c302-placement .position-label span{display:block;margin-top:4px}.c302-placement .sponsor-top{padding:16px}.c302-placement .sponsor-header{display:block}.c302-placement .sponsored-chip{display:inline-block;margin:0 0 9px}.c302-placement .sponsor-header h3{font-size:21px}.c302-placement .region-picker{width:100%}.c302-placement .sponsor-frame{padding:0 12px}.c302-placement .sponsor-feature{grid-template-columns:1fr}.c302-placement .art{min-height:125px;padding:14px;display:grid;grid-template-columns:1fr auto;align-items:center}.c302-placement .art-symbol{font-size:55px;grid-row:span 2}.c302-placement .art-bottom{font-size:9px}.c302-placement .feature-copy{padding:18px}.c302-placement .feature-copy h4{font-size:27px}.c302-placement .sponsor-bottom{padding:15px 12px;flex-wrap:wrap}.c302-placement .rotation-note{display:none}.c302-placement .editorial-cards{grid-template-columns:1fr}.c302-placement .editorial-cards>div{min-height:65px}.c302-placement .after{padding:29px 0}.c302-placement .spec{padding:20px 2px}}

.c302-placement{--ink:#183c45;--muted:#55747a;--sea:#07677b;--gold:#d19a4b;--pale:#e7f2f2;--border:#cbdcdf;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);max-width:1120px;margin:24px auto;padding:0 12px}.c302-placement *{box-sizing:border-box}.c302-placement .sponsor{margin:0}.c302-placement .private-only{padding:10px;background:#fff3cd;font-size:12px;margin:0 0 8px}.c302-placement [data-card]{padding:0 25px}.c302-placement [data-card]:empty{display:none}.c302-placement [data-card] .kwof-paid{margin:0}.c302-placement .dv-empty{padding:28px;background:#f5f7f3;color:#55747a}.c302-placement .feature-footer button{background:#086d80;color:#fff;font-size:12px;font-weight:800;padding:11px 17px;border-radius:5px;border:0;min-height:44px;line-height:1.4}.c302-placement [hidden]{display:none!important}.c302-placement .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:540px){.c302-placement [data-card]{padding:0 12px}}
/* C303: existing paid creative is a single pinned HOME item within the sponsored component. */
.c302-placement[data-sponsor-slot="oyster.homepage"] .dv-pinned-sponsored{padding:0 0 18px}
.c302-placement[data-sponsor-slot="oyster.homepage"] .dv-pinned-sponsored .kwof-paid-wrap{margin:0}
.c302-placement[data-sponsor-slot="oyster.homepage"] .dv-pinned-sponsored .kwof-paid{margin:0}
.c302-placement[data-sponsor-slot="oyster.homepage"] [data-card][hidden]{display:none!important}
@media(max-width:540px){.c302-placement[data-sponsor-slot="oyster.homepage"] .dv-pinned-sponsored{padding:0 0 12px}}

/* C303 integrated technical accessibility/layout correction from actual Claude review. */
.c302-placement .sponsor-header p{font-size:12px;color:#55747a;line-height:1.5}
.c302-placement .sponsor-frame{padding-bottom:18px}