/* Gable & Grace — shared styles for Home Collection guide pages */
:root{
  --linen:#F5EFE4;
  --linen-light:#FBF7EE;
  --charcoal:#2D2A25;
  --ink-soft:#5A554B;
  --champagne:#BFA268;
  --champagne-soft:#D8C49A;
  --teal:#5C7873;
  --sage:#A7B29B;
  --alert:#8E3B2A;
  --alert-ground:#F7EBE4;
  --hair:rgba(191,162,104,.3);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--linen);color:var(--charcoal);
  font-family:'Mulish',sans-serif;font-weight:300;font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--champagne-soft);color:var(--charcoal);}
a{color:var(--teal);text-underline-offset:3px;}
strong{font-weight:600;color:var(--charcoal);}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}

.eyebrow{font-weight:600;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--teal);}
.display{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.12;}
.script{font-family:'Allura',cursive;color:var(--champagne);}

/* nav */
nav{position:sticky;top:0;z-index:50;background:rgba(245,239,228,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--champagne-soft);}
nav .bar{max-width:920px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
nav .mark{font-weight:600;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--charcoal);text-decoration:none;}
nav .back{text-decoration:none;color:var(--ink-soft);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid transparent;}
nav .back:hover,nav .back:focus-visible{color:var(--charcoal);border-color:var(--champagne);}

/* masthead */
.mast{text-align:center;padding:72px 0 8px;}
.mast .eyebrow{display:block;margin-bottom:18px;}
.mast h1{font-size:clamp(36px,7vw,58px);font-weight:300;}
.mast h1 em{font-style:italic;font-weight:400;}
.mast .rule{width:72px;height:1px;background:var(--champagne);margin:28px auto 26px;}
.mast .dek{max-width:560px;margin:0 auto;color:var(--ink-soft);}

/* sections */
.sec{padding-top:64px;}
.sec-head{text-align:center;margin-bottom:28px;}
.sec-head h2{font-size:clamp(26px,4.5vw,36px);font-weight:300;}
.sec-head h2 em{font-style:italic;font-weight:400;}
.sec-head p{color:var(--ink-soft);max-width:560px;margin:14px auto 0;font-size:15px;}

/* numbered timeline rows */
.steps{border-top:1px solid var(--hair);}
.step{display:grid;grid-template-columns:42px 1fr;gap:4px 18px;padding:20px 4px;border-bottom:1px solid var(--hair);}
.step .num{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--champagne);line-height:1.4;}
.step h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;line-height:1.3;}
.step .when{display:block;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--teal);margin-bottom:2px;}
.step p{grid-column:2;color:var(--ink-soft);font-size:15px;}
.step p + p{margin-top:8px;}
.fine{margin-top:20px;font-size:13.5px;color:var(--ink-soft);font-style:italic;text-align:center;}

/* two-column ask / skip */
.split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--champagne-soft);border:1px solid var(--champagne-soft);}
.split > div{background:var(--linen-light);padding:28px 26px;}
.split h3{font-size:10.5px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;margin-bottom:12px;}
.split .yes h3{color:var(--teal);}
.split .no h3{color:#A97F52;}
.split ul{list-style:none;}
.split li{padding:8px 0;border-bottom:1px solid var(--hair);color:var(--ink-soft);font-size:14.5px;}
.split li:last-child{border-bottom:none;}
.callout{margin-top:22px;padding:16px 20px;border-left:2px solid var(--champagne);color:var(--ink-soft);font-style:italic;font-size:15px;}

/* option cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--champagne-soft);border:1px solid var(--champagne-soft);}
.card{background:var(--linen-light);padding:28px 26px;}
.card .label{font-size:10px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--champagne);}
.card h3{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;margin:4px 0 8px;}
.card p{color:var(--ink-soft);font-size:14.5px;}
.card p + p{margin-top:8px;}
.card.wide{grid-column:1 / -1;}

/* plain list */
.ticks{list-style:none;border-top:1px solid var(--hair);}
.ticks li{padding:14px 4px 14px 22px;border-bottom:1px solid var(--hair);color:var(--ink-soft);font-size:15px;position:relative;}
.ticks li::before{content:"";position:absolute;left:4px;top:1.45em;width:6px;height:6px;border-radius:50%;background:var(--champagne);}

/* remember block */
.remember{background:var(--teal);color:var(--linen);text-align:center;padding:48px 28px;margin-top:64px;}
.remember .script{color:var(--linen);font-size:32px;display:block;margin-bottom:10px;}
.remember p{color:#DDE4DB;max-width:520px;margin:0 auto;font-size:15px;}

/* alert (wire fraud) */
.alert{margin-top:56px;background:var(--alert-ground);border:1px solid #E2C3B6;border-left:3px solid var(--alert);padding:28px clamp(20px,4vw,32px);}
.alert .eyebrow{color:var(--alert);}
.alert h2{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;margin:8px 0 12px;line-height:1.2;}
.alert p{color:var(--ink-soft);font-size:15px;}
.alert p + p{margin-top:10px;}
.alert .last{margin-top:16px;padding-top:14px;border-top:1px solid #E2C3B6;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:var(--charcoal);}

/* utilities picker */
.picker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;}
.picker label{font-size:10.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);}
select{font-family:'Mulish',sans-serif;font-size:15px;color:var(--charcoal);background:var(--linen-light);border:1px solid var(--champagne-soft);padding:10px 14px;min-width:220px;max-width:100%;}
select:focus-visible{outline:2px solid var(--champagne);outline-offset:2px;}
.util{margin-top:18px;background:var(--linen-light);border:1px solid var(--champagne-soft);}
.util-row{display:grid;grid-template-columns:120px 1fr;gap:4px 18px;padding:16px 22px;border-bottom:1px solid var(--hair);}
.util-k{font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--teal);padding-top:4px;}
.util-v{font-size:15px;}
.util-v .tel{white-space:nowrap;font-weight:600;}
.util-v .sub{display:block;color:var(--ink-soft);font-size:13.5px;margin-top:2px;}
.util-note{padding:16px 22px;color:var(--ink-soft);font-size:14.5px;}
.util-note b{display:block;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--champagne);margin-bottom:4px;}
.lede{color:var(--ink-soft);font-size:15px;margin-top:14px;}

/* footer */
.contact-line{text-align:center;margin-top:56px;color:var(--ink-soft);font-size:15px;}
.disclaimer{max-width:620px;margin:22px auto 0;text-align:center;color:var(--ink-soft);font-size:11.5px;line-height:1.6;opacity:.9;}
.site-footer{margin-top:64px;border-top:1px solid var(--champagne-soft);padding:32px 24px 44px;text-align:center;}
.site-footer .brand{font-weight:600;font-size:11px;letter-spacing:.5em;text-transform:uppercase;}
.site-footer .tag{margin-top:10px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);}
.site-footer .since{margin-top:8px;font-family:'Allura',cursive;font-size:22px;color:var(--champagne);}
.site-footer .contact{margin-top:12px;font-size:13px;color:var(--ink-soft);}
.site-footer a{text-decoration:none;}

@media (max-width:640px){
  .split,.cards{grid-template-columns:1fr;}
  .util-row{grid-template-columns:1fr;}
}
@media print{
  nav{position:static;}
  .remember{background:none;color:var(--charcoal);border:1px solid var(--teal);}
  .remember .script,.remember p{color:var(--charcoal);}
  .picker{display:none;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}