/* Proof & Principle v540 — MASTER TAKEAWAY STANDARD
   Source of truth: Scotch Whisky .scotch-close component.
   The Gin, Genever & Botanicals guides use .guide-close but must resolve to the
   same computed typography, geometry, spacing and CTA treatment as Scotch.
   No category-specific reinterpretation. */

.pp-related-knowledge{
  padding:clamp(62px,8vw,105px) clamp(22px,7vw,110px);
  background:#fff;
  border-top:1px solid var(--line,#d6d2cb);
}
.pp-related-inner{width:100%;max-width:1320px;margin:0 auto}
.pp-related-heading{display:grid;grid-template-columns:.8fr 1fr;gap:44px;align-items:end;margin-bottom:34px}
.pp-related-heading h2{
  margin:0;color:var(--ink,#17392f);font-family:var(--display,"Instrument Sans",Arial,sans-serif);
  font-size:clamp(2.7rem,5vw,5.4rem);font-weight:900;letter-spacing:-.045em;line-height:.88;text-transform:uppercase
}
.pp-related-heading>p{
  margin:0;padding-left:20px;border-left:3px solid var(--orange,#e84c11);color:var(--muted,#626862);
  font-family:"Times New Roman",Times,serif;line-height:1.7
}
.pp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink,#17392f);border-left:1px solid var(--line,#d6d2cb)}
.pp-related-card{min-height:220px;display:flex;flex-direction:column;padding:26px 24px;color:var(--ink,#17392f);background:#fff;border-right:1px solid var(--line,#d6d2cb);border-bottom:1px solid var(--line,#d6d2cb);text-decoration:none}
.pp-related-card span{color:var(--orange,#e84c11);font:900 .64rem/1.2 var(--display,"Instrument Sans",Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase}
.pp-related-card h3{margin:30px 0 12px;font-family:"Times New Roman",Times,serif;font-size:1.55rem;font-weight:400;line-height:1.08}
.pp-related-card p{margin:0;color:var(--muted,#626862);font-family:"Times New Roman",Times,serif;font-size:.94rem;line-height:1.62}
.pp-related-card b{margin-top:auto;padding-top:20px;color:var(--orange,#e84c11);font:800 .64rem/1.3 var(--sans,"Instrument Sans",Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.pp-related-card:hover{background:#fffaf5}
.pp-related-card:focus-visible{outline:2px solid var(--orange,#e84c11);outline-offset:-3px}

/* Exact Scotch Whisky Takeaway component values. */
.guide-close{
  background:#171916;
  color:#fff;
  text-align:center;
  padding:clamp(78px,9vw,125px) 0;
}
.guide-close .wrap{
  width:min(1240px,calc(100% - 44px));
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.guide-close .eyebrow{
  margin:0 0 24px;
  color:#e94b16;
  font-size:13px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.guide-close h2{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(3.2rem,6vw,6.7rem);
  font-weight:900;
  text-transform:uppercase;
  line-height:.86;
  letter-spacing:-.04em;
  margin:0;
  color:#fff;
}
.guide-close h2 span{color:#e94b16}
.guide-close p:not(.eyebrow){
  color:#ffffffb5;
  max-width:760px;
  margin:28px auto 32px;
  font-family:"Times New Roman",Times,serif!important;
  font-size:19px;
  line-height:1.75;
  font-weight:400;
}
.guide-close__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
  margin-top:10px;
}
.guide-close__actions .button{
  display:inline-block;
  min-width:310px;
  text-align:center;
  margin-right:0;
  margin-left:0;
  background:#102820;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-family:"Instrument Sans",Arial,Helvetica,sans-serif!important;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  padding:17px 22px;
  border:1px solid #102820;
  line-height:normal;
}
.guide-close__actions .button.button-orange{background:#e94b16;border-color:#e94b16;color:#fff;margin-right:0}
.guide-close__actions .button.button-light{background:#fff;border-color:#fff;color:#102820;margin-right:0}

/* pp-editorial-times is global and !important on these guides. Override only the
   interface pieces that Scotch renders in sans; keep the supporting copy serif. */
html body.pp-editorial-times .guide-close .eyebrow,
html body.pp-editorial-times .guide-close__actions .button{
  font-family:"Instrument Sans",Arial,Helvetica,sans-serif!important;
}
html body.pp-editorial-times .guide-close h2,
html body.pp-editorial-times .guide-close h2 span{
  font-family:Arial,Helvetica,sans-serif!important;
}
html body.pp-editorial-times .guide-close p:not(.eyebrow){
  font-family:"Times New Roman",Times,serif!important;
}

@media(max-width:760px){
  .pp-related-knowledge{padding-left:22px;padding-right:22px}
  .pp-related-heading{display:block}
  .pp-related-heading>p{margin-top:18px}
  .pp-related-grid{grid-template-columns:1fr}
  .pp-related-card{min-height:205px}
  .guide-close{padding:64px 0}
  .guide-close .wrap{width:min(1240px,calc(100% - 28px))}
  .guide-close h2{font-size:clamp(3rem,5vw,5.5rem)}
  .guide-close__actions{width:100%;flex-direction:column;align-items:stretch;gap:12px}
  .guide-close__actions .button{width:100%;min-width:0;margin:0}
}