.oc-guide-page{padding:48px 0}.oc-guide-page__title{margin:0 0 32px;font-size:clamp(28px,3vw,40px);line-height:1.1}.oc-guide-page__layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:48px;align-items:start}.oc-guide-page__content{min-width:0}.oc-guide-page__aside{position:sticky;top:100px;display:grid;gap:20px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}.oc-guide-page__card{padding:24px;border:1px solid #ddd;border-radius:0}.oc-guide-page__card h2{font-family:var(--font-h2--family);font-weight:var(--font-h2--weight);font-style:var(--font-h2--style);font-size:18px;line-height:1.4;letter-spacing:var(--font-h2--letter-spacing);margin:0 0 16px;text-transform:uppercase;overflow-wrap:break-word}.oc-guide-page__card p{font-size:14px;line-height:1.6;margin:0 0 20px}.oc-guide-page__card--dark{background:#08080b;color:#fff;border-color:#08080b}.oc-guide-page__button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:14px 20px;background:#08080b;color:#fff;text-align:center;text-decoration:none;font-weight:700;line-height:1.4}.oc-guide-page__card--dark .oc-guide-page__button{background:#f4815d;color:#08080b}.oc-guide-page__button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.oc-guide-page .oc-buyer-guide>:last-child{margin-bottom:0}@media(max-width:989px){.oc-guide-page{padding:32px 0}.oc-guide-page__layout{grid-template-columns:minmax(0,1fr);gap:32px}.oc-guide-page__aside{position:static;max-height:none;overflow:visible}}@media(min-width:990px){.oc-guide-page__aside{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto}}.oc-buyer-guide .oc-guide-decision{padding:24px 28px;background:#f4f4f2;border-left:4px solid #f4815d;margin:0 0 32px}.oc-buyer-guide .oc-guide-decision p{margin:0}.oc-buyer-guide .oc-guide-decision .oc-guide-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:12px}.oc-buyer-guide .oc-guide-numbered{border-top:1px solid #ddd;padding-top:24px;margin-top:40px}.oc-buyer-guide .oc-guide-section-number{display:block;color:#b94724;font-size:14px;line-height:1.4;letter-spacing:.08em;margin-bottom:10px}.oc-guide-sidebar-directory{border:1px solid #ddd;padding:20px;background:#fff;color:#08080b}.oc-guide-sidebar-directory h2{font-family:inherit;font-size:18px;line-height:1.3;margin:0 0 14px}.oc-guide-sidebar-directory ol{list-style:none;padding:0;margin:12px 0 0;counter-reset:guide}.oc-guide-sidebar-directory li{counter-increment:guide;margin:0;border-top:1px solid #ddd}.oc-guide-sidebar-directory a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px 8px;min-height:44px;font-size:14px;line-height:1.35}.oc-guide-sidebar-directory li a:before{content:counter(guide,decimal-leading-zero);font-weight:700}.oc-guide-sidebar-directory a[aria-current=page]{background:#f4815d;color:#08080b;font-weight:700}.oc-guide-sidebar-directory a:focus-visible{outline:2px solid #08080b;outline-offset:2px}.oc-guide-sidebar-directory .oc-guide-current{font-size:11px;margin-left:auto}.oc-buyer-guide .oc-guide-directory [aria-current=page],.oc-buyer-guide .oc-guide-directory [aria-current=page]:hover{background:#f4815d;color:#08080b;border-color:#08080b;border-width:2px;font-weight:700}.oc-guide-page .oc-guide-sidebar-directory h2{font-family:var(--font-h2--family);font-weight:var(--font-h2--weight);font-style:var(--font-h2--style);text-transform:uppercase;line-height:1.4;letter-spacing:var(--font-h2--letter-spacing);overflow-wrap:break-word}.oc-guide-page :is(h1,h2,h3,h4,h5,h6){text-transform:uppercase}.oc-guide-page .oc-guide-page__aside h2{font-family:var(--font-h2--family);font-weight:var(--font-h2--weight);font-style:var(--font-h2--style);font-size:20px;line-height:1.3;letter-spacing:var(--font-h2--letter-spacing);text-transform:uppercase}.oc-buyer-guide{--guide-space:32px;--guide-panel-padding:24px;--guide-radius:0;--guide-image-radius:0;--guide-border:#ddd;--guide-anchor-offset:120px;--guide-button-bg:#111;--guide-button-text:#fff;line-height:1.65}.oc-buyer-guide .oc-guide-figure{margin:var(--guide-space) 0}.oc-buyer-guide .oc-guide-image{display:block;width:100%;max-width:100%;height:auto;max-height:540px;object-fit:contain;margin-inline:auto;border-radius:var(--guide-image-radius)}.oc-buyer-guide .oc-guide-image[src*="1-gallon-oc-ramps.jpg"]{max-height:360px}.oc-buyer-guide .oc-guide-image[src*="/products/12wide.jpg"],.oc-buyer-guide .oc-guide-image[src*="/products/halfpipe_2013.jpg"]{aspect-ratio:8/3;height:auto;max-height:none;object-fit:cover}.oc-buyer-guide .oc-guide-image[src*="/products/12wide.jpg"]{object-position:center}.oc-buyer-guide .oc-guide-image[src*="/products/halfpipe_2013.jpg"]{object-position:center 24%}.oc-buyer-guide .oc-guide-image[src*="/products/two-6-foot.jpg"]{aspect-ratio:4/1;height:auto;max-height:none;object-fit:cover;object-position:center}.oc-buyer-guide .oc-guide-image[src*=MINI-RAMP-garage]{aspect-ratio:4/3;height:auto;max-height:none;object-fit:cover;object-position:center 60%}.oc-buyer-guide .oc-guide-caption{font-size:.875em;line-height:1.5;margin-top:12px}.oc-buyer-guide .oc-guide-panel{padding:var(--guide-panel-padding);border:1px solid var(--guide-border);border-radius:var(--guide-radius);margin:var(--guide-space) 0}.oc-buyer-guide .oc-guide-panel-title{margin-top:0}.oc-buyer-guide .oc-guide-nav-link{display:block;padding:10px 0;min-height:44px;line-height:1.5}.oc-buyer-guide .oc-guide-panel a.oc-guide-nav-link,.oc-buyer-guide .oc-guide-panel a.oc-guide-nav-link:is(:visited,:hover,:focus){text-decoration-line:underline;text-underline-offset:.18em}.oc-buyer-guide .oc-guide-anchor{scroll-margin-top:var(--guide-anchor-offset)}.oc-buyer-guide .oc-guide-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:16px 0 var(--guide-space)}.oc-buyer-guide .oc-guide-table :is(th,td){overflow-wrap:anywhere;vertical-align:top}@media(max-width:480px){.oc-buyer-guide .oc-guide-table :is(th,td){padding:8px}}@media(max-width:600px){.oc-buyer-guide .oc-guide-table--stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.oc-buyer-guide .oc-guide-table--stacked,.oc-buyer-guide .oc-guide-table--stacked :is(tbody,tr,th,td){display:block;width:100%}.oc-buyer-guide .oc-guide-table--stacked caption{display:block;width:100%;text-align:left}.oc-buyer-guide .oc-guide-table--stacked tr{border-bottom:1px solid var(--guide-border);padding:12px 0}.oc-buyer-guide .oc-guide-table--stacked :is(th,td){border:0;text-align:left;overflow-wrap:break-word}.oc-buyer-guide .oc-guide-table--stacked td[data-label]:before{content:attr(data-label);display:block;font-weight:700;font-size:.85em;text-transform:uppercase;margin-bottom:4px}}.oc-buyer-guide .oc-guide-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.oc-buyer-guide .oc-guide-label-column{width:34%;padding:12px;text-align:left}.oc-buyer-guide .oc-guide-column-heading{padding:12px;text-align:left}.oc-buyer-guide .oc-guide-row-heading{padding:12px;text-align:left;vertical-align:top;border-top:1px solid var(--guide-border)}.oc-buyer-guide .oc-guide-cell{padding:12px;vertical-align:top;border-top:1px solid var(--guide-border);overflow-wrap:anywhere}.oc-buyer-guide .oc-guide-small-gap{margin:12px 0 0}.oc-buyer-guide table .oc-guide-small-gap,.oc-buyer-guide .oc-guide-table td p{margin:0}.oc-buyer-guide .oc-guide-faq{border:1px solid #d2d2d2;padding:0;margin:0;background:#fff}.oc-guide-faq-row+.oc-guide-faq-row .oc-guide-faq{border-top:0}.oc-buyer-guide .oc-guide-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.oc-buyer-guide .oc-guide-faq-icon{display:none}.oc-buyer-guide .oc-guide-answer{padding:0}.oc-buyer-guide .oc-guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;margin:8px 12px 8px 0;text-align:center;background:var(--guide-button-bg);color:var(--guide-button-text);text-decoration:none;font-weight:700;border-radius:4px}.oc-buyer-guide .oc-guide-table-title{text-align:left;font-weight:700;margin-bottom:12px}.oc-buyer-guide .oc-guide-question::-webkit-details-marker{display:none}.oc-buyer-guide .oc-guide-question:after{content:none}.oc-buyer-guide .oc-guide-question .icon-caret{margin-inline-start:auto;transition:transform .2s ease}.oc-buyer-guide details[open]>.oc-guide-question .icon-caret{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.oc-buyer-guide .oc-guide-question .icon-caret{transition:none}}.oc-buyer-guide :is(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:4px}.oc-buyer-guide .oc-guide-panel>h2:first-child{margin-top:0}.oc-buyer-guide .oc-guide-directory{margin:var(--guide-space) 0 0;padding:var(--guide-panel-padding);border:1px solid var(--guide-border);border-radius:0}.oc-buyer-guide .oc-guide-directory>h2{margin-top:0}.oc-buyer-guide .oc-guide-directory ol{list-style:none;counter-reset:guide;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:16px 0}.oc-buyer-guide .oc-guide-directory li{counter-increment:guide;margin:0;min-width:0}.oc-buyer-guide .oc-guide-directory .oc-guide-nav-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px;border:1px solid #888;border-radius:0;text-decoration:none;line-height:1.45}.oc-buyer-guide .oc-guide-directory li .oc-guide-nav-link:before{content:counter(guide,decimal-leading-zero);font-weight:700;flex-shrink:0}.oc-buyer-guide .oc-guide-directory .oc-guide-nav-link:after{content:"\2192";margin-left:auto;flex-shrink:0}.oc-buyer-guide .oc-guide-directory .oc-guide-nav-link:hover{background:#f5f5f5}.oc-buyer-guide .oc-guide-directory [aria-current=page]{border-color:#111;border-width:2px;font-weight:700}.oc-buyer-guide .oc-guide-current{font-size:.8em;font-weight:400}.oc-buyer-guide .oc-guide-pagination{margin-bottom:0}@media(max-width:749px){.oc-buyer-guide .oc-guide-directory ol{grid-template-columns:1fr}.oc-buyer-guide .oc-guide-directory .oc-guide-nav-link{flex-wrap:wrap}}@media(max-width:749px){.oc-buyer-guide{--guide-panel-padding:20px}.oc-buyer-guide .oc-guide-button{display:flex;width:100%;margin-right:0}.oc-buyer-guide :is(th,td){padding:10px}}#MainContent h1 .oc-guide-accent{color:#f4815d;font-style:normal}#MainContent[data-template="article.buyer-guide-2"] .blog-post-sidebar-card{border-radius:0;overflow:hidden}#MainContent[data-template="article.buyer-guide-2"] .oc-buyer-guide>:last-child{margin-bottom:0}#MainContent .oc-buyer-guide h2 em{color:#f4815d;font-style:normal}@media(max-width:989px){#MainContent[data-template="article.buyer-guide-2"] .blog-post-section--has-sidebar .blog-post-body{gap:32px}}#MainContent .accordion summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}#MainContent .accordion summary:focus-visible{outline:2px solid #111;outline-offset:4px}.oc-guide-hub__shopping{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.oc-guide-hub__shopping .oc-guide-page__card{display:flex;flex-direction:column}.oc-guide-hub__shopping .oc-guide-page__button{margin-top:auto}@media(max-width:749px){.oc-guide-hub__shopping{grid-template-columns:1fr}}.oc-guide-page__content .oc-guide-directory>:not(.oc-guide-pagination){display:none}.oc-guide-page__content .oc-guide-directory{border:0;background:transparent;padding:0}.blog-post-section--buyer-guide .oc-guide-native-eyebrow{margin:0;color:#b94724;font-family:var(--font-accent--family);font-size:13px;font-weight:700;letter-spacing:.09em;line-height:1.4}.blog-post-section--buyer-guide .oc-guide-native-title{margin:0;max-width:22ch;font-family:var(--font-heading--family);font-size:clamp(42px,3.4vw,58px);font-weight:800;line-height:1.04;text-transform:uppercase;text-wrap:balance}.blog-post-section--buyer-guide .blog-post-content{line-height:1.65}.blog-post-section--buyer-guide .blog-post-sidebar{gap:10px}.blog-post-section--buyer-guide .blog-post-sidebar-card__inner{gap:10px;padding:14px}.blog-post-section--buyer-guide .blog-post-sidebar-card--kit,.blog-post-section--buyer-guide .blog-post-sidebar-card--dark{overflow:hidden;border-top:4px solid #f4815d;box-shadow:0 10px 24px #08080b1a}.blog-post-section--buyer-guide .blog-post-sidebar-card--dark{border-top-color:#cefb5b}.blog-post-section--buyer-guide .blog-post-sidebar-card__heading{font-size:17px;line-height:1.25}.blog-post-section--buyer-guide .blog-post-sidebar-related{gap:3px}.blog-post-section--buyer-guide .blog-post-sidebar-related__link{min-height:26px;padding:2px 6px;line-height:1.3}.blog-post-section--buyer-guide .blog-post-sidebar-related__link[aria-current=page]{background:#f4815d;color:#08080b;font-weight:700}.blog-post-section--buyer-guide .blog-post-sidebar-card__button{min-height:44px;padding:10px 14px;font-size:15px;width:100%}.blog-post-section--buyer-guide .blog-post-sidebar-card__text{font-size:14px;line-height:1.45}.oc-guide-hub__ctas .oc-guide-page__card{position:relative;overflow:hidden;border:0;box-shadow:inset 0 0 0 1px #d4d5d4,0 14px 30px #08080b1f}.oc-guide-hub__ctas .oc-guide-page__card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#f4815d}.oc-guide-hub__ctas .oc-guide-page__card--dark{box-shadow:0 14px 30px #08080b1f}.oc-guide-hub__ctas .oc-guide-page__card--dark:before{background:#cefb5b}.oc-guide-hub__ctas .oc-guide-page__card h2{font-size:clamp(21px,2vw,28px);line-height:1.15}.oc-guide-hub__ctas .oc-guide-page__card p{font-size:15px}@media(min-width:990px){.blog-post-section--buyer-guide .blog-post-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--blog-post-sidebar-width, 340px);column-gap:var(--blog-post-body-gap, 40px);row-gap:28px;align-items:start}.blog-post-section--buyer-guide .blog-post-intro{grid-column:1;grid-row:1}.blog-post-section--buyer-guide .blog-post-body{display:contents}.blog-post-section--buyer-guide .blog-post-main{grid-column:1;grid-row:2}.blog-post-section--buyer-guide .blog-post-sidebar{grid-column:2;grid-row:1 / span 2;position:sticky;top:calc(var(--header-height, 0px) + 20px);max-height:calc(100vh - var(--header-height, 0px) - 40px);overflow-y:auto;align-self:start;scrollbar-width:thin}}@media(max-width:989px){.blog-post-section--buyer-guide .oc-guide-native-title{max-width:20ch;font-size:clamp(34px,7vw,48px)}.blog-post-section--buyer-guide .blog-post-sidebar{position:static;max-height:none;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/oc-buyer-guide-components.css.map */