/* /white-elephant-gift-ideas/: idea cards and lists. hubs.css and classic-landing.css supply the page frame (hero, In short,
   free/Plus pair, steps, FAQ). Each list keeps the wrapping-paper colours of the white elephant helper. */
.hb[data-hub=gift]{--hb-tint:#edf5ef;--hb-tint2:#fbefe0;--hb-accent:#b0303a;--hb-deep:#0d3328;--hb-soft:#d4e7da}
.gi .hb-head{margin-bottom:28px}
.gi-disclosure{display:flex;gap:10px;align-items:flex-start;max-width:880px;margin:28px auto 0;padding:14px 18px;border-radius:16px;background:#f6f2e8;border:1px solid #e7dfcd;font-size:14.5px;line-height:1.55;color:#3b3650}
.gi-disclosure svg{flex:0 0 auto;margin-top:2px;color:#5c4300}
@media(max-width:940px){.gi-disclosure{margin:24px 6% 0}}
.gi-top{padding-bottom:24px!important}
/* The most-stolen gifts: one card per idea */
.gi-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px}
.gi-grid .gi-idea{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start;padding:18px 18px 16px;border:1px solid var(--line);border-radius:20px;background:#fff;height:100%}
.gi-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--hb-tint);font-size:24px;line-height:1}
.gi-grid .gi-icon{width:56px;height:56px;border-radius:16px;font-size:30px;background:linear-gradient(150deg,#fff5e6,#fbe6e3)}
.gi-grid .gi-idea:nth-child(3n+2) .gi-icon{background:linear-gradient(150deg,#eaf5ee,#dcefe4)}.gi-grid .gi-idea:nth-child(3n) .gi-icon{background:linear-gradient(150deg,#eef1fa,#e1e6f5)}
.gi-idea h4{margin:0;font-family:var(--display);font-size:17.5px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.gi-idea p{margin:4px 0 0;font-size:15px;line-height:1.5;color:#3b3650}
.gi-idea .gi-idea-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px}
.gi-band{display:inline-flex;align-items:center;font-size:13px;font-weight:800;padding:4px 10px;border-radius:99px;background:#f3efe4;color:#4a3d1a}
.gi-shop{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:14px;font-weight:700;color:#14533a;border-bottom:1px solid currentColor}
.gi-shop:hover{color:#0d3328}.gi-shop:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* Lists by budget and by crowd: one card per list */
.gi-section{padding-top:56px!important;padding-bottom:40px!important}
.gi-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;align-items:start}
.gi-list{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;scroll-margin-top:24px}
.gi-list-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:22px 22px 18px;background:var(--gi-tint,#fbf3e6)}
.gi-list-art{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--gi-ink,#c8323a);color:#fff}
.gi-list-head h3{margin:0;font-size:20px;line-height:1.15}.gi-list-head p{margin:6px 0 0;font-size:14.5px;line-height:1.5;color:#3b3650}
.gi-ideas{list-style:none;margin:0;padding:4px 22px 12px}
.gi-ideas .gi-idea{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid #efe9dc}
.gi-ideas .gi-idea:first-child{border-top:0}
.gi-ideas .gi-icon{background:var(--gi-tint,#fbf3e6)}
.gi-ideas h4{font-size:16px}.gi-ideas p{font-size:14.5px}
.gi-list--0{--gi-tint:#fbeae6;--gi-ink:#c8323a}.gi-list--1{--gi-tint:#e5f2eb;--gi-ink:#1f6b4f}.gi-list--2{--gi-tint:#e8ebf6;--gi-ink:#22305f}.gi-list--3{--gi-tint:#fbf1d9;--gi-ink:#8a6412}
.gi-list--4{--gi-tint:#eaf2f8;--gi-ink:#3c6f96}.gi-list--5{--gi-tint:#f2e9f8;--gi-ink:#6b3f8f}.gi-list--6{--gi-tint:#e1f2f2;--gi-ink:#1d7c80}.gi-list--7{--gi-tint:#f5ece2;--gi-ink:#8a5e33}
/* Run the exchange: the free/Plus pair under one heading */
.hb .gi-run{padding-top:56px;padding-bottom:24px}
.gi-run-head{grid-column:1/-1;max-width:720px;margin-bottom:8px}.gi-run-head h2{margin:0 0 10px}.gi-run-head p{font-size:17px;color:#4a4560;margin:0}
.gi-run .cl-tier .button{margin-top:18px}.gi-run .cl-tier.is-full .button{margin-top:0}
.gi-run .cl-tier:not(.is-full) .button.secondary{background:#fff;color:var(--ink);border-color:var(--ink)}
.gi-tips{padding-top:56px!important}
@media(max-width:1060px){.gi-grid,.gi-lists{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .gi-grid,.gi-lists{grid-template-columns:1fr}
 .gi-grid .gi-idea{grid-template-columns:48px minmax(0,1fr);padding:16px}.gi-grid .gi-icon{width:48px;height:48px;font-size:26px}
 .gi-list-head{padding:18px 18px 14px}.gi-ideas{padding:2px 18px 10px}
 .gi-section{padding-top:44px!important}
}