/* ============ GUIDE PAGE STANDARD (u4) ============
   The template for every proof asset and guide on robcressy.com: hero with quick start, sticky section nav,
   numbered sections built from copy blocks, step cards, and callouts, then one Undeniable Studio close.
   Sits inside the site header and footer. Every class uses the u4-g- or u4-copy prefix so nothing collides with shared.css. */
.u4-g [hidden]{display:none!important}
.u4-g .u4-sec{padding-block:clamp(64px,7vw,104px)}
.u4-g .u4-sec+.u4-sec{padding-top:0}
.u4-g{--navh:72px}
.u4-page.u4-g{padding-bottom:0}
#prompt,#style,#fix{scroll-margin-top:calc(var(--navh) + 76px)}

/* section kicker */
.u4-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}

/* hero: centered promise, one action, the quick start */
.u4-g-hero{padding-bottom:clamp(48px,5vw,72px)}
.u4-g-hero .u4-hero-sub{max-width:52ch}
.u4-g-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:.875rem}
.u4-g-meta li{display:inline-flex;align-items:center;gap:8px}
.u4-g-meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad)}
.u4-g-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:clamp(40px,5vw,60px) auto 0;max-width:980px;padding:0;list-style:none;counter-reset:q}
.u4-g-quick li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;padding:20px 22px;text-align:left;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,220,19,.06),rgba(17,17,19,0) 60%),var(--card)}
.u4-g-quick li::before{counter-increment:q;content:counter(q);grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--grad);color:var(--ink);font-family:var(--display);font-weight:800;font-size:1rem}
.u4-g-quick b{font-family:var(--display);font-weight:800;font-size:1.125rem;letter-spacing:-.02em;line-height:1.25}
.u4-g-quick span{font-size:.9375rem;line-height:1.5}

/* sticky section nav: sits under the site header, lights up the section in view */
.u4-g-nav{position:sticky;top:var(--navh);z-index:20;background:rgba(5,5,5,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block:1px solid var(--line)}
.u4-g-nav ul{display:flex;justify-content:center;gap:8px;margin:0;padding:12px 0;list-style:none;overflow-x:auto;scrollbar-width:none}
.u4-g-nav ul::-webkit-scrollbar{display:none}
.u4-g-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .25s,background .25s,color .25s}
.u4-g-nav a b{font-family:var(--display);font-weight:800;font-size:.75rem;color:var(--gold)}
.u4-g-nav a:hover{border-color:rgba(255,220,19,.55)}
.u4-g-nav a.is-on{background:var(--grad);border-color:transparent;color:var(--ink)}
.u4-g-nav a.is-on b{color:var(--ink)}

/* copy blocks: one button copies everything inside */
.u4-copy{position:relative;display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--line-2);background:#0C0C0E;overflow:hidden}
.u4-copy-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.u4-copy-l{display:flex;align-items:center;gap:8px;min-width:0;font-size:.8125rem;font-weight:600;letter-spacing:.02em;line-height:1.35}
.u4-g-win-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u4-copy-btn{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,220,19,.45);background:rgba(255,220,19,.08);color:var(--gold);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease)}
.u4-copy-btn:hover{background:rgba(255,220,19,.16);transform:translateY(-1px)}
.u4-copy-btn svg{width:14px;height:14px}
.u4-copy-btn.is-done{background:rgba(61,220,132,.12);border-color:rgba(61,220,132,.5);color:var(--green)}
.u4-copy-t{margin:0;padding:16px 18px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:rgba(255,255,255,.9)}

/* the main prompt: a window with the playbook folded until opened */
.u4-g-prompt{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(20px,3vw,36px);align-items:start;margin-top:clamp(36px,5vw,52px)}
.u4-g-win{border-radius:18px;box-shadow:0 40px 90px -40px rgba(255,138,31,.45)}
.u4-g-win .u4-copy-bar{padding-left:14px}
.u4-g-win .u4-copy-l i{width:10px;height:10px;border-radius:50%;background:#FF5F57;flex:none}
.u4-g-win .u4-copy-l i:nth-child(2){background:#FEBC2E}
.u4-g-win .u4-copy-l i:nth-child(3){background:#28C840;margin-right:6px}
.u4-g-win .u4-copy-btn{min-height:40px;padding:0 18px;border:0;background:var(--grad);color:var(--ink);box-shadow:0 8px 24px -10px rgba(255,176,32,.7)}
.u4-g-win .u4-copy-btn.is-done{background:var(--green)}
.u4-g-fold{position:relative;max-height:440px;overflow:hidden;transition:max-height .7s var(--ease)}
.u4-g-fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,rgba(12,12,14,0),#0C0C0E 85%);pointer-events:none;transition:opacity .4s}
.u4-g-fold.is-open{max-height:none}
.u4-g-fold.is-open::after{opacity:0}
.u4-g-more{display:flex;justify-content:center;padding:4px 16px 18px}
.u4-g-more button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:#121214;color:var(--white);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}
.u4-g-more button:hover{border-color:rgba(255,220,19,.55)}
.u4-g-more svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.u4-g-more button[aria-expanded="true"] svg{transform:rotate(180deg)}

/* rail beside the prompt: what the playbook covers */
.u4-g-rail{position:sticky;top:calc(var(--navh) + 84px);padding:24px;border-radius:18px;border:1px solid rgba(255,220,19,.22);background:radial-gradient(90% 50% at 100% 0%,rgba(255,176,32,.14),rgba(17,17,19,0) 60%),var(--card)}
.u4-g-rail h3{margin:0 0 4px;font-size:1.25rem;font-weight:800;letter-spacing:-.025em}
.u4-g-rail>p{margin:0 0 16px;font-size:.875rem}
.u4-g-rail ol{display:grid;gap:2px;margin:0;padding:0;list-style:none;counter-reset:pb}
.u4-g-rail li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:.9375rem;font-weight:500}
.u4-g-rail li::before{counter-increment:pb;content:counter(pb,decimal-leading-zero);font-family:var(--display);font-weight:800;font-size:.75rem;color:var(--gold)}
.u4-g-note{margin:18px 0 0;font-size:.9375rem}
.u4-g-note b{color:var(--gold)}

/* add-ons: six short lines, each with its own copy button */
.u4-g-addons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,52px)}
.u4-g-addon{display:flex;flex-direction:column;gap:14px;padding:22px;background:radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--c) 13%,transparent),rgba(17,17,19,0) 70%),var(--card);border-color:color-mix(in srgb,var(--c) 32%,transparent);transition:border-color .3s,transform .3s var(--ease)}
.u4-g-addon:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 60%,transparent)}
.u4-g-addon-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.u4-g-addon h3{margin:0;font-size:1.375rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--c)}
.u4-g-addon p{flex:1;margin:0;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#0C0C0E;font-family:var(--body);font-size:.9375rem;line-height:1.55;white-space:normal;color:var(--white)}

/* steps: numbered cards, each with its own copy block */
.u4-g-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,52px)}
.u4-g-step{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,30px)}
.u4-g-step-n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad);color:var(--ink);font-family:var(--display);font-weight:800}
.u4-g-step h3{margin:0;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.u4-g-step>p{margin:0}
.u4-g-step-foot{margin:0;font-size:.9375rem}
.u4-g-step-foot b{color:var(--gold)}

/* callouts */
.u4-g-calls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.u4-g-call{padding:24px 26px;border-left:4px solid var(--c,var(--gold));border-radius:6px 16px 16px 6px}
.u4-g-call h3{margin:0 0 8px;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:var(--c,var(--gold))}
.u4-g-call p{margin:0}
.u4-g-call p+p{margin-top:10px}
.u4-g-call a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* the one close: Undeniable Studio */
.u4-g-close{padding-block:clamp(24px,3vw,40px) clamp(72px,8vw,112px)}
.u4-g-close .u4-kicker{justify-content:center}
.u4-g-close .u4-sub{margin-inline:auto}

/* ============ motion: modest transitions through the page ============
   The hero eases in, the highlight sweeps across, the quick start rises step by step, and the prompt window
   rises with a slow glow. Headings and cards rise into place as they enter, in a short stagger.
   Content is hidden only when JS adds .u4-js, and never with reduced motion on. */
@keyframes u4-glow{0%,100%{box-shadow:0 40px 90px -40px rgba(255,138,31,.35)}50%{box-shadow:0 40px 100px -36px rgba(255,138,31,.6)}}
.u4-hero .u4-pill{animation:u4-rise .8s var(--ease) both}
.u4-hero .u4-l1{animation:u4-rise .8s var(--ease) .1s both}
.u4-hero .u4-hl{background-repeat:no-repeat;background-size:100% 100%;animation:u4-sweep 1s var(--ease) .45s both}
.u4-hero .u4-hero-sub{animation:u4-rise .8s var(--ease) .3s both}
.u4-hero .u4-ctas,.u4-hero .u4-g-meta{animation:u4-rise .8s var(--ease) .45s both}
.u4-hero .u4-g-quick li{animation:u4-rise .8s var(--ease) both}
.u4-hero .u4-g-quick li:nth-child(1){animation-delay:.6s}
.u4-hero .u4-g-quick li:nth-child(2){animation-delay:.72s}
.u4-hero .u4-g-quick li:nth-child(3){animation-delay:.84s}
.u4-g-win{animation:u4-glow 6s ease-in-out infinite}
.u4-js [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 100ms)}

@media (max-width:980px){
  .u4-g-prompt{grid-template-columns:minmax(0,1fr)}
  .u4-g-rail{position:static}
  .u4-g-rail ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .u4-g-addons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u4-g-steps,.u4-g-calls{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .u4-g-quick{grid-template-columns:minmax(0,1fr)}
  .u4-g-addons{grid-template-columns:minmax(0,1fr)}
  .u4-g-nav ul{justify-content:flex-start;padding-inline:var(--gutter)}
  .u4-g-fold{max-height:360px}
  .u4-g-meta{flex-direction:column;align-items:center}
}
@media (max-width:480px){
  .u4-g-rail ol{grid-template-columns:minmax(0,1fr)}
  .u4-g-win-t{display:none}
}

/* ============ more guide components (Wave 1) ============ */
.u4-g [id]{scroll-margin-top:calc(var(--navh) + 76px)}
.u4-g .u4-sub a,.u4-g-row-b a,.u4-g-call a,.u4-g-body a,.u4-g-src a,.u4-g-rail-card a,.u4-g-mistake a,.u4-g-use a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.u4-g .u4-sub strong,.u4-g-row-b strong,.u4-g-call strong,.u4-g-body strong,.u4-g-rail-card strong,.u4-g-mistake strong{color:var(--white);font-weight:600}
.u4-code{padding:2px 7px;border-radius:6px;background:rgba(255,220,19,.1);border:1px solid rgba(255,220,19,.25);color:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;white-space:nowrap}
.u4-g-body{max-width:68ch;margin:28px 0 0}

/* rows: numbered steps with a full body */
.u4-g-rows{display:grid;gap:16px;margin-top:clamp(32px,4vw,48px)}
.u4-g-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2.4vw,26px);padding:clamp(22px,3vw,32px)}
.u4-g-row-b{display:flex;flex-direction:column;gap:14px;min-width:0}
.u4-g-row-b>*{margin:0}
.u4-g-row-b h3{font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.12}
.u4-g-row-b ol,.u4-g-row-b ul,.u4-g-call ul{display:grid;gap:8px;padding-left:1.3em}
.u4-g-row-b ul li::marker,.u4-g-call ul li::marker{color:var(--gold)}
.u4-g-row-b ol li::marker{color:var(--gold);font-weight:700}

/* numbered checks */
.u4-g-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.u4-g-checks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card-2)}
.u4-g-checks li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--grad);color:var(--ink);font-family:var(--display);font-weight:800;font-size:.8125rem}
.u4-g-checks p{margin:0;font-size:.9375rem;line-height:1.5}
.u4-sec>.u4-wrap>.u4-g-checks{margin-top:24px}
.u4-g-row-b .u4-g-checks{grid-template-columns:minmax(0,1fr);gap:8px}
.u4-g-row-b .u4-g-checks li{padding:11px 14px}

/* rails: the non-negotiables */
.u4-g-rails{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:clamp(32px,4vw,48px)}
.u4-g-rail-card{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,30px);overflow:hidden}
.u4-g-rail-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}
.u4-g-rail-card h3{margin:0;font-size:1.375rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.u4-g-rail-card p{margin:0}
.u4-g-calls{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.u4-g-call{display:flex;flex-direction:column;gap:10px}
.u4-g-call>*{margin:0}
.u4-g-call p+p{margin-top:0}
.u4-g-call .u4-copy{margin-top:4px}
.u4-sec>.u4-wrap>.u4-g-calls,.u4-g-rails+.u4-g-calls,.u4-g-rows+.u4-g-calls{margin-top:16px}
.u4-sec>.u4-wrap>.u4-copy{margin-top:clamp(28px,4vw,40px)}
.u4-g-calls+.u4-copy,.u4-g-mistakes+.u4-g-calls{margin-top:16px}

/* big idea */
.u4-g-big{margin:clamp(32px,4vw,48px) 0 0;padding:clamp(28px,4vw,48px);background:radial-gradient(80% 90% at 0% 0%,rgba(255,176,32,.16),rgba(17,17,19,0) 60%),var(--card);border-color:rgba(255,220,19,.25)}
.u4-g-big p{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(1.375rem,1.05rem + 1.2vw,2rem);line-height:1.25;letter-spacing:-.025em}

/* terms */
.u4-g-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:20px}
.u4-g-term{display:flex;flex-direction:column;gap:8px;padding:20px}
.u4-g-term h3{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;color:var(--gold)}
.u4-g-term p{margin:0;font-size:.9375rem;line-height:1.5}
.u4-g-ex{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:.8125rem;color:rgba(255,255,255,.75)}
.u4-g-ex::before{content:"Example: ";font-weight:600;color:var(--amber)}

/* pick your play */
.u4-g-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:clamp(32px,4vw,48px)}
.u4-g-pick{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:20px 22px;text-decoration:none;transition:border-color .3s,transform .3s var(--ease)}
.u4-g-pick:hover{transform:translateY(-3px);border-color:rgba(255,220,19,.5)}
.u4-g-pick-b{display:flex;flex-direction:column;gap:4px}
.u4-g-pick small{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.u4-g-pick b{font-family:var(--display);font-weight:800;font-size:1.1875rem;letter-spacing:-.02em;line-height:1.25}
.u4-g-pick em{font-style:normal;font-weight:600;font-size:.9375rem;color:var(--gold)}

/* for you, for a client */
.u4-g-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.u4-g-use{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--card-2)}
.u4-g-use p{margin:0;font-size:.9375rem;line-height:1.55}
.u4-g-look{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(61,220,132,.25);background:rgba(61,220,132,.05)}
.u4-g-look .u4-tag{flex:none;margin-top:2px}
.u4-g-look p{margin:0;font-size:.9375rem}
.u4-g-src{margin:0;font-size:.8125rem;line-height:1.6;color:rgba(255,255,255,.72)}

/* models and mistakes */
.u4-g-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.u4-g-model{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(22px,3vw,28px)}
.u4-g-model h3{margin:0;font-size:1.375rem;font-weight:800;letter-spacing:-.03em}
.u4-g-model p{margin:0}
.u4-g-mistakes{display:grid;gap:12px;margin-top:clamp(32px,4vw,48px)}
.u4-g-mistake{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden}
.u4-g-m,.u4-g-b{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px}
.u4-g-m{background:rgba(255,122,26,.06);border-right:1px solid var(--line)}
.u4-g-m p{margin:0;font-family:var(--display);font-weight:700;font-size:1.125rem;letter-spacing:-.015em;line-height:1.3}
.u4-g-b p{margin:0}

/* tools */
.u4-g-chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.u4-g-chips a{display:inline-flex;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .2s}
.u4-g-chips a:hover{border-color:rgba(255,220,19,.55);color:var(--gold)}
.u4-g-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense;gap:clamp(32px,4vw,48px) 14px;margin-top:clamp(40px,5vw,60px)}
.u4-g-cat{min-width:0}
.u4-g-span-2{grid-column:span 2}
.u4-g-span-3{grid-column:span 3}
.u4-g-span-2 .u4-g-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
.u4-g-span-1 .u4-g-tools{grid-template-columns:minmax(0,1fr)}
.u4-g-span-1 .u4-g-tool{height:100%}
.u4-g-cat-h{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:800;letter-spacing:-.03em}
.u4-g-cat-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,220,19,.4),rgba(255,220,19,0))}
.u4-g-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.u4-g-tool{display:flex;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:border-color .3s,transform .3s var(--ease)}
.u4-g-tool:hover{transform:translateY(-3px);border-color:rgba(255,220,19,.5)}
.u4-g-tool h4{margin:0;font-family:var(--display);font-size:1.25rem;font-weight:800;letter-spacing:-.025em;text-transform:none}
.u4-g-tool p{margin:0;flex:1;font-size:.9375rem;line-height:1.55}
.u4-g-go{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--gold)}
.u4-g-go svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.u4-g-tool:hover .u4-g-go svg{transform:translate(2px,-2px)}
.u4-g-fine{margin:32px 0 0;font-size:.8125rem;color:rgba(255,255,255,.65)}

@media (max-width:980px){
  .u4-g-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u4-g-span-3{grid-column:span 2}
  .u4-g-tools,.u4-g-span-3 .u4-g-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .u4-g-mistake{grid-template-columns:minmax(0,1fr)}
  .u4-g-m{border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:760px){
  .u4-g-picks,.u4-g-uses,.u4-g-models,.u4-g-tools,.u4-g-cats,.u4-g-span-2 .u4-g-tools,.u4-g-span-3 .u4-g-tools{grid-template-columns:minmax(0,1fr)}
  .u4-g-span-2,.u4-g-span-3{grid-column:auto}
  .u4-g-calls{grid-template-columns:minmax(0,1fr)}
  .u4-g-row{grid-template-columns:minmax(0,1fr);gap:14px}
}

/* lists inside rows and callouts: shared.css removes list markers, so bring them back */
.u4-g-row-b ul:not([class]),.u4-g-call ul:not([class]){list-style:disc}
.u4-g-row-b ol:not([class]){list-style:decimal}