/* Field52 Outdoor Cooking R3 editorial rebuild — extends proven site chrome; isolated to BBQ. */
:root{--oc3-ink:#183327;--oc3-green:#244d39;--oc3-muted:#5a705f;--oc3-line:#dae5d9;--oc3-paper:#fbfaf5;--oc3-cream:#f2f4ed;--oc3-amber:#9f6942}
main .oc-r3-hero{margin:22px 0 22px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:0;min-height:475px;border-radius:22px;background:#f0f4ed;overflow:hidden;border:1px solid #e3e9de}
.oc-r3-hero__copy{padding:clamp(32px,4.6vw,72px) clamp(25px,3.8vw,62px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.oc-r3-hero__copy .kicker{color:#647761;font-weight:780;margin-bottom:15px;letter-spacing:.085em;text-transform:uppercase;font-size:.8rem}
.oc-r3-hero h1{font:600 clamp(42px,4vw,69px)/1.08 var(--serif);letter-spacing:-.041em;color:#213d2d;margin:0 0 22px;max-width:590px}.oc-r3-hero__lead{color:#526d5a;line-height:1.72;font-size:1.08rem;max-width:520px;margin:0 0 29px}
.oc-r3-hero__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.oc-r3-primary{display:inline-flex;align-items:center;background:#214e38;color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:9px;font-weight:670;font-size:.94rem}.oc-r3-primary:hover{background:#32654a}.oc-r3-textlink{color:#27533c;font-size:.93rem;text-decoration:none;border-bottom:1px solid #7c9a82;padding-bottom:3px}
.oc-r3-hero__photo{margin:0;position:relative;min-width:0;min-height:390px;overflow:hidden;background:#dbe7d7}.oc-r3-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:53% 54%;display:block}.oc-r3-hero__photo figcaption{position:absolute;right:10px;bottom:9px;padding:5px 8px;border-radius:6px;background:rgba(14,25,17,.55);color:#fff;font:400 10px/1.4 Arial,sans-serif;max-width:85%}
.oc-r3-sectionheading{margin-bottom:25px;max-width:850px}.oc-r3-sectionheading .kicker,.oc-r3-safety__head .kicker{margin:0 0 9px;color:#8a755f;font-size:.72rem;font-weight:790;letter-spacing:.095em;text-transform:uppercase}
.oc-r3-sectionheading h2,.oc-r3-safety h2{font:550 clamp(28px,3.3vw,43px)/1.14 var(--serif);letter-spacing:-.032em;color:#213e2c;margin:0 0 11px}.oc-r3-sectionheading p{margin:0;color:#5f7164;font-size:1rem;line-height:1.67}
.oc-r3-start,.oc-r3-featured,.oc-r3-fuel,.oc-r3-all{padding-top:65px;scroll-margin-top:85px}.oc-r3-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.oc-r3-paths a{position:relative;display:flex;flex-direction:column;min-height:158px;border:1px solid #dce6dc;background:#fff;border-radius:15px;padding:21px;text-decoration:none;transition:border-color .15s,transform .15s}.oc-r3-paths a:hover{border-color:#8caf93;transform:translateY(-2px)}.oc-r3-paths span{font-size:.7rem;font-weight:790;letter-spacing:.095em;text-transform:uppercase;color:#987651}.oc-r3-paths strong{color:#214633;font:650 1.18rem/1.28 var(--serif);margin:16px 0 7px}.oc-r3-paths em{color:#687d6d;font-style:normal;font-size:.83rem;line-height:1.5}.oc-r3-paths b{position:absolute;right:16px;top:16px;color:#4a7753;font-size:1.2rem;font-weight:400}
.oc-r3-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.oc-r3-feature{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e0e9df;text-decoration:none;display:flex;flex-direction:column}.oc-r3-feature:hover{border-color:#94b297}.oc-r3-feature__media{height:215px;overflow:hidden;background:#e5ebdf}.oc-r3-feature__media img{height:100%;width:100%;object-fit:cover;display:block}.oc-r3-feature__media--diagram img{object-fit:contain}.oc-r3-feature__text{padding:21px 23px 23px;display:flex;flex-direction:column;flex:1}.oc-r3-feature__text small{color:#937353;text-transform:uppercase;letter-spacing:.085em;font-size:.69rem;font-weight:790}.oc-r3-feature__text h3{margin:11px 0 9px;color:#23452f;font:600 1.33rem/1.3 var(--serif)}.oc-r3-feature__text p{color:#607464;line-height:1.65;font-size:.91rem;margin:0 0 22px}.oc-r3-feature__text span{color:#2d6147;font-size:.88rem;font-weight:700;margin-top:auto}
.oc-r3-fuel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d9e4d7;border-bottom:1px solid #d9e4d7}.oc-r3-fuel-grid article{padding:26px 30px 26px 0;margin-right:27px;border-right:1px solid #d9e4d7}.oc-r3-fuel-grid article:last-child{border-right:0;margin-right:0}.oc-r3-fuel-number{display:block;color:#99745a;font-size:.8rem;letter-spacing:.1em;font-weight:800}.oc-r3-fuel-grid h3{font:600 1.55rem/1.2 var(--serif);margin:14px 0;color:#244c36}.oc-r3-fuel-grid p{color:#566c5b;font-size:.96rem;line-height:1.76;margin:0 0 20px}.oc-r3-fuel-grid a{color:#256443;font-weight:700;text-decoration:none;font-size:.91rem}
.oc-r3-safety{display:grid;grid-template-columns:.94fr 1.06fr;gap:38px;background:#eaf0e8;border:1px solid #d8e5d8;padding:36px 44px;border-radius:19px;margin-top:70px;align-items:center}.oc-r3-safety__head p:not(.kicker){line-height:1.7;color:#5b7160;font-size:.97rem}.oc-r3-safety__head a{color:#21583e;font-weight:710;text-decoration:none}.oc-r3-safety__chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.oc-r3-safety__chart>div{background:#fff;padding:23px 11px;border:1px solid #dce7dc;border-radius:12px;min-height:128px}.oc-r3-safety__chart strong{font:650 clamp(25px,2.7vw,41px)/1.25 var(--serif);color:#27583f;display:block}.oc-r3-safety__chart span{color:#677d6b;font-size:.78rem;line-height:1.5;display:block;margin-top:12px}.oc-r3-safety__chart>p{grid-column:1/-1;margin:8px 0 0;color:#6c796f;font-size:.82rem;line-height:1.55}
.oc-r3-all{padding-bottom:40px}.oc-r3-all__group{display:grid;grid-template-columns:.35fr .65fr;gap:35px;padding:25px 0;border-top:1px solid #e1e7de}.oc-r3-all__group>div:first-child>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#89785f;font-weight:780}.oc-r3-all__group h3{font:600 1.42rem var(--serif);color:#21442f;margin:9px 0}.oc-r3-all__group p{color:#788577;font-size:.88rem;line-height:1.62;margin:0}.oc-r3-all__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oc-r3-all__links a{position:relative;display:flex;flex-direction:column;text-decoration:none;padding:15px 35px 15px 16px;background:#fff;border:1px solid #e2e9e0;border-radius:10px}.oc-r3-all__links a:hover{border-color:#95ad9a}.oc-r3-all__links a span{font-weight:690;color:#31513d;font-size:.93rem}.oc-r3-all__links a small{color:#708172;font-size:.78rem;line-height:1.52;margin-top:5px}.oc-r3-all__links a b{position:absolute;right:14px;top:15px;color:#568365}.oc-r3-endnote{font-size:.81rem;color:#6a7b70;line-height:1.7;padding:15px 0 70px;border-top:1px solid #e1e7de}.oc-r3-endnote a{color:#315c45}
/* Guides */
.oc-r3-article-head{padding-bottom:26px!important}.oc-r3-article-head .h1{max-width:860px}.oc-r3-rich-body{padding-top:0}
.oc-r3-visual{padding-top:5px!important}.oc-r3-visual h2{max-width:32ch}.oc-r3-visual .oc-r3-subintro{color:#4f6754;line-height:1.68;font-size:.99rem;margin:15px 0 30px}
.oc-r3-photo{margin:16px 0 25px;overflow:hidden;border-radius:15px;background:#e5ebe2;border:1px solid #e0e6db}.oc-r3-photo img{width:100%;display:block;max-height:380px;object-fit:cover}.oc-r3-photo figcaption,.oc-r3-diagram figcaption{font-size:.73rem;line-height:1.45;color:#829086;padding:10px 16px;background:#f8f9f5}.oc-r3-diagram{border-radius:15px;overflow:hidden;border:1px solid #dce6d9;background:#f3f6f0;margin:20px 0 19px}.oc-r3-diagram img{display:block;width:100%;height:auto}.oc-r3-application{border-top:1px solid #e4e9e3;padding-top:45px!important}.oc-r3-application h2{max-width:34ch}.oc-r3-tablewrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid #dae4db;margin:24px 0 25px;background:white}.oc-r3-matrix{width:100%;border-collapse:collapse;min-width:620px;text-align:left;line-height:1.53}.oc-r3-matrix thead{background:#eaf1e9}.oc-r3-matrix th,.oc-r3-matrix td{padding:15px 17px;border-bottom:1px solid #e7ebe5;vertical-align:top;font-size:.91rem;color:#536657}.oc-r3-matrix thead th{color:#2a5237;font-size:.79rem;letter-spacing:.035em;font-weight:780}.oc-r3-matrix tbody th{color:#284c37;font-weight:720;width:27%}.oc-r3-matrix tbody td:nth-child(2){font-weight:690;color:#435d49;width:28%}.oc-r3-matrix tbody tr:last-child>*{border-bottom:0}.oc-r3-case{background:#f1f5ef;border-left:4px solid #75987b;padding:21px 24px;margin:23px 0;border-radius:0 12px 12px 0}.oc-r3-case__label{font-size:.73rem!important;text-transform:uppercase;letter-spacing:.075em;color:#56765d;font-weight:800;margin:0 0 8px!important}.oc-r3-case p{color:#3f5b45;line-height:1.78;font-size:.97rem;margin:0}.oc-r3-nextcheck{margin:23px 0 34px;padding:19px 22px;border:1px solid #eadfcb;border-radius:12px;background:#fffaf1}.oc-r3-nextcheck strong{color:#916742;font-size:.87rem}.oc-r3-nextcheck p{color:#75634c;line-height:1.77;font-size:.94rem;margin:8px 0 0}.oc-r3-evidence{font-size:.78rem!important}
@media(max-width:1120px){.oc-r3-hero{min-height:390px}.oc-r3-hero h1{font-size:clamp(38px,4vw,58px)}.oc-r3-paths{grid-template-columns:repeat(2,1fr)}.oc-r3-safety{gap:20px;padding:25px}}
@media(max-width:760px){main .oc-r3-hero{grid-template-columns:1fr;border-radius:15px;min-height:0;margin-top:12px}.oc-r3-hero__copy{padding:31px 26px 30px}.oc-r3-hero h1{font-size:clamp(35px,8vw,50px);max-width:450px}.oc-r3-hero__lead{font-size:.99rem}.oc-r3-hero__photo{min-height:0;height:265px}.oc-r3-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.oc-r3-paths a{padding:15px;min-height:166px}.oc-r3-paths strong{font-size:1.05rem}.oc-r3-start,.oc-r3-featured,.oc-r3-fuel,.oc-r3-all{padding-top:42px}.oc-r3-feature-grid{grid-template-columns:1fr;gap:14px}.oc-r3-feature__media{height:230px}.oc-r3-fuel-grid{grid-template-columns:1fr}.oc-r3-fuel-grid article{margin:0;padding:22px 0;border-right:0;border-bottom:1px solid #d9e4d7}.oc-r3-fuel-grid article:last-child{border:0}.oc-r3-safety{grid-template-columns:1fr;margin-top:44px;padding:24px}.oc-r3-all__group{grid-template-columns:1fr;gap:18px}.oc-r3-all__links{grid-template-columns:1fr}.oc-r3-application{padding-top:34px!important}.oc-r3-matrix{min-width:570px}.oc-r3-photo img{max-height:270px}}
@media(max-width:460px){.oc-r3-hero__photo{height:218px}.oc-r3-paths{grid-template-columns:1fr}.oc-r3-paths a{min-height:115px}.oc-r3-paths strong{margin:13px 0 4px}.oc-r3-safety__chart>div{padding:14px 9px;min-height:112px}.oc-r3-safety__chart strong{font-size:25px}.oc-r3-safety__chart span{font-size:.69rem}.oc-r3-feature__media{height:195px}.oc-r3-photo img{max-height:240px}}

@media(max-width:690px){
.oc-r3-tablewrap{overflow:visible;border:0;background:transparent;margin:21px 0}
.oc-r3-matrix{min-width:0;display:block}
.oc-r3-matrix thead{display:none}
.oc-r3-matrix tbody{display:grid;gap:12px}
.oc-r3-matrix tbody tr{display:block;background:#fff;border:1px solid #dce5dc;border-radius:12px;overflow:hidden}
.oc-r3-matrix tbody th,.oc-r3-matrix tbody td{display:block;box-sizing:border-box;width:auto!important;border-bottom:1px solid #eef1eb;padding:13px 16px;font-size:.91rem}
.oc-r3-matrix tbody tr>*:last-child{border-bottom:0}
.oc-r3-matrix tbody th:before,.oc-r3-matrix tbody td:before{content:attr(data-label);display:block;color:#8a846d;font-size:.68rem;letter-spacing:.09em;font-weight:800;margin-bottom:6px}
.oc-r3-diagram img{display:block;width:100%;height:auto}
.oc-r3-diagram picture{display:block}
}

.oc-r3-fieldnotes{background:linear-gradient(180deg,#f8faf5,#fffdf9);border-top:1px solid #e0e8dc;border-bottom:1px solid #e3e9de;padding:33px 24px 36px!important;margin:22px 0 34px!important;border-radius:10px}
.oc-r3-fieldnotes h2{max-width:35ch;margin:12px 0 19px}
.oc-r3-fieldnotes__p{color:#465e4e;font-size:1rem;line-height:1.85;margin:15px 0 0;max-width:70ch}
@media(max-width:690px){.oc-r3-fieldnotes{padding:23px 17px!important}.oc-r3-fieldnotes__p{font-size:.97rem}}