/* pressure-guides.css
   Content styles for the rebuilt guide and product pages (Sept/Oct 2026).
   Load AFTER pressure.css. Everything is scoped to .rhp so it cannot
   affect the header, menu, sidebar or footer.
   Colors and fonts follow pressure.css:
     links / accents #3867A0, headings #2C2C2C, body text #555,
     prices #006400, page background #EFF3F8, borders #DADADA / #E2E2E2 */

.rhp{font-family:Verdana,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.55;color:#555;text-align:left;width:95%;float:left;margin-left:1%;padding-bottom:10px}
.rhp *{box-sizing:border-box}
.rhp p,.rhp li,.rhp td,.rhp th,.rhp summary,.rhp label{font-family:Verdana,Helvetica,Arial,sans-serif}
.rhp p{margin:.4em 0 .9em}

/* headings: same faces as pressure.css */
.rhp h2{color:#2C2C2C;font-family:Arial,Helvetica,sans-serif;font-size:1.45em;font-weight:700;margin:1.4em 0 .5em;padding-top:.7em;border-top:1px solid #DADADA}
.rhp h3{color:#3867A0;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;margin:1em 0 .3em}
.rhp .box h2,.rhp .box h3,.rhp .card h3,.rhp .pick h3{border-top:0;padding-top:0}
.rhp .box h2{margin-top:0}

/* links: site blue, no underline (hover underlines), keep size of surrounding text */
.rhp a:link,.rhp a:visited{color:#3867A0;font-size:inherit;font-family:inherit;text-decoration:none}
.rhp a:hover{text-decoration:underline}

/* lists */
.rhp ul,.rhp ol{margin:.4em 0 1em 0;padding:0 0 0 1.6em}
.rhp li{margin:.25em 0}
.rhp ul.ck{list-style:none;padding-left:.2em}

.rhp .lead{font-size:15px;color:#333}
.rhp .hint{color:#717171;font-size:12px;margin-top:6px}
.rhp .updated{color:#717171;font-size:12px}

/* boxes, callouts */
.rhp .box{background:#EFF3F8;border:1px solid #DADADA;padding:12px 14px;margin:12px 0}
.rhp nav.box{font-size:13px}
.rhp .callout{border-left:4px solid #3867A0;background:#EFF3F8;padding:10px 14px;margin:12px 0}
.rhp .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rhp .grid2 .box{margin:0;background:#FFF}

/* tables: cart-style blue header bar */
.rhp .tbl{overflow-x:auto;margin:8px 0 6px}
.rhp table{border-collapse:collapse;width:100%;border:1px solid #CCC}
.rhp th,.rhp td{font-size:12px;color:#333;padding:7px 8px;text-align:left;vertical-align:top;border:1px solid #DADADA;background:#FFF}
.rhp thead th{background:#3867A0;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700}
.rhp tbody tr:nth-child(even) td{background:#F9F9F9}
.rhp tbody td:first-child{font-weight:700;color:#2C2C2C}
.rhp td.num,.rhp th.num{text-align:center}
.rhp caption{caption-side:top;padding:0 0 4px}
.rhp td .addcart img,.rhp .addcart img{vertical-align:middle}

/* prices & stock: same green as the rest of the store */
.rhp .price{color:#006400;font-weight:700;font-size:18px}
.rhp td .price{font-size:13px}
.rhp .stock{color:#006400;font-weight:700}
.rhp .oos{color:#AD0000;font-size:12px}

/* buttons */
.rhp .btn,.rhp a.btn:link,.rhp a.btn:visited{display:inline-block;background:#3867A0;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;padding:8px 16px;border:0;border-radius:3px;text-decoration:none;cursor:pointer}
.rhp a.btn:hover{background:#2C527F;text-decoration:none}
.rhp .btn.ghost,.rhp a.btn.ghost:link,.rhp a.btn.ghost:visited{background:#FFF;color:#3867A0;border:1px solid #3867A0}

/* cards: thin grey borders like the product boxes */
.rhp .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:8px 0 12px}
.rhp .card{border:1px solid #E2E2E2;background:#FFF;padding:10px 12px;font-size:13px}
.rhp .card h3{font-size:14px;margin:0 0 .3em}
.rhp .card p{margin:.3em 0}
.rhp .card .thumb{text-align:center;margin-bottom:6px}
.rhp .card .thumb img{max-width:100%;height:auto;max-height:150px}

/* product grid (multi-product pages) */
.rhp .prodgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0;margin:8px 0 14px;border-left:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2}
.rhp .prodgrid .pbox{border-top:1px solid #E2E2E2;border-right:1px solid #E2E2E2;padding:10px;text-align:center;font-size:13px;background:#FFF}
.rhp .prodgrid .pbox img{max-width:100%;height:auto;max-height:180px}
.rhp .prodgrid .pbox .nm{display:block;font-family:Arial,Helvetica,sans-serif;font-size:15px;margin:6px 0 2px}
.rhp .prodgrid .pbox .ds{display:block;color:#717171;font-size:12px;margin-bottom:6px}

/* "our picks" on the canner guide */
.rhp .picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rhp .pick{border:1px solid #E2E2E2;background:#FFF;padding:12px;font-size:13px;display:flex;gap:12px;align-items:flex-start}
.rhp .pick .pimg{flex:0 0 110px;text-align:center}
.rhp .pick .pimg img{max-width:110px;height:auto}
.rhp .pick .ptxt{flex:1}
.rhp .pick .lbl{display:inline-block;background:#3867A0;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px}
.rhp .pick h3{margin:.4em 0 .2em}
.rhp .pick p{margin:.3em 0}

/* FAQ accordions: sidebar-style double arrow */
.rhp details{border-bottom:1px solid #E2E2E2;padding:8px 0}
.rhp summary{cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#3867A0;list-style:none}
.rhp summary::-webkit-details-marker{display:none}
.rhp summary:before{content:"\00BB  ";color:#3867A0}
.rhp details[open] summary{color:#2C2C2C}
.rhp details p{margin:.5em 0 .3em 1.1em}

/* knowledge base */
.rhp .toc{columns:2;list-style:none;padding-left:0}
.rhp .toc li:before{content:"\00BB  ";font-weight:700;color:#3867A0}

/* "talk to a real person" box */
.rhp aside.box{margin-top:24px;background:#EFF3F8}
.rhp aside.box h2{font-size:1.25em}

/* on phones (same breakpoint as pressure.css) */
@media only screen and (max-width:650px),(min-device-width:300px) and (max-device-width:650px){
.rhp{width:98%;margin-left:1%;font-size:15px}
.rhp .grid2,.rhp .picks{grid-template-columns:1fr}
.rhp .pick .pimg{flex-basis:80px}
.rhp .pick .pimg img{max-width:80px}
.rhp .toc{columns:1}
.rhp th,.rhp td{font-size:13px}
}
@media print{#topbar,#navigate,#navdrop,#sidebar,#footer,#search,#mobilecart{display:none}}
.rhp .addcart img,.rhp .prodgrid .pbox .addcart img{width:115px;height:32px;max-height:none}

/* ---- parts tools: model lookup, gasket & weight finder, manuals (added Oct 2026) ---- */
.rhp .search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rhp .search input{flex:1 1 260px;min-width:0;font-family:Verdana,Arial,sans-serif;font-size:15px;padding:8px 10px;border:1px solid #999;color:#000;background:#FFF}
.rhp .search button{background:#3867A0;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;padding:9px 18px;border:0;border-radius:3px;cursor:pointer}
.rhp .search button:hover{background:#2C527F}
.rhp select{font-family:Verdana,Arial,sans-serif;font-size:14px;padding:7px 8px;border:1px solid #999;background:#FFF;color:#000;max-width:100%}
.rhp .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.rhp .chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.rhp .chip{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;color:#3867A0;background:#FFF;border:1px solid #3867A0;border-radius:3px;padding:5px 10px;cursor:pointer}
.rhp .chip[aria-pressed=true]{background:#3867A0;color:#FFF}
.rhp .count{color:#717171;font-size:12px;margin:12px 0 6px}
.rhp .model{border:1px solid #E2E2E2;background:#FFF;padding:12px 14px;margin:12px 0}
.rhp .model h3{margin:0 0 2px;font-size:17px}
.rhp .model .sub{color:#717171;font-size:12px;margin-bottom:6px}
.rhp .grp{margin:10px 0 0}
.rhp .grp h4{margin:0 0 3px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#2C2C2C;border-bottom:1px solid #DADADA;padding-bottom:2px}
.rhp .pl{list-style:none;margin:0;padding:0}
.rhp .pl li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0;padding:6px 0;border-top:1px dotted #DADADA;font-size:13px}
.rhp .pl li:first-child{border-top:0}
.rhp .pl .nm{flex:1}
.rhp .pl .nt{display:block;color:#717171;font-size:11px}
.rhp .pl .pr{color:#006400;font-weight:700;white-space:nowrap;text-align:right}
.rhp .tag{display:inline-block;margin-left:6px;padding:0 5px;font-size:10px;font-weight:700;text-transform:uppercase;color:#3867A0;background:#EFF3F8;border:1px solid #C9D6E6;vertical-align:middle}
.rhp .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.rhp .actions .btn,.rhp .actions a.btn:link,.rhp .actions a.btn:visited{font-size:13px;padding:6px 12px}
.rhp .none{background:#FFF8E5;border:1px solid #E8D9A8;padding:12px 14px;margin:10px 0}
.rhp .tabs{display:flex;gap:4px;flex-wrap:wrap;margin:14px 0 0}
.rhp .tab{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;color:#3867A0;background:#FFF;border:1px solid #3867A0;border-bottom:0;padding:8px 16px;cursor:pointer}
.rhp .tab[aria-selected=true]{background:#3867A0;color:#FFF}
.rhp .panel{border:1px solid #3867A0;background:#EFF3F8;padding:14px}
.rhp small{font-size:11px;color:#717171}
.rhp figure{margin:16px 0}
.rhp figcaption{margin-top:6px}
.rhp mark{background:#FFF1A8;padding:0 2px}
.rhp .partnum{display:inline-block;width:1.6em;height:1.6em;line-height:1.6em;border-radius:50%;background:#3867A0;color:#FFF;text-align:center;font-size:.8em;margin-right:6px}
@media only screen and (max-width:650px),(min-device-width:300px) and (max-device-width:650px){
.rhp .pl li{font-size:14px}
.rhp .tab{flex:1 1 auto;text-align:center}
}
.rhp .rhp{width:100%;float:none;margin:0;padding:0}