/* Field note 007 · It's tough in the middle · Stage 1 mockup
   Visual idea: attention never adds up to 100%. Bars overflow, moments get translated,
   causes sit inside or around the leader, and practice is plotted on a line from the work to the room. */
.f7b-hero h1{max-width:9ch}
/* hero object: the attention bill */
.f7-att{position:relative;z-index:2;margin-top:40px;width:min(420px,100%);background:#fff;border:1.5px solid var(--ink);border-radius:6px;box-shadow:8px 8px 0 var(--ink);padding:22px 24px 20px;transform:rotate(-2deg)}
.f7-att .h{display:flex;justify-content:space-between;font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding-bottom:12px;border-bottom:2px dashed var(--ink)}
.f7-att .r{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:12px 0 4px}
.f7-att .r span{font-size:15px;font-weight:500}
.f7-att .r b{font:600 14px/1 var(--mono)}
.f7-att .bar{grid-column:1/-1;height:12px;border-radius:99px;background:var(--paper);overflow:hidden}
.f7-att .bar i{display:block;height:100%;width:var(--w);background:var(--c);border-right:2px solid var(--ink)}
.f7-att .t{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:12px;border-top:2.5px double var(--ink);font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.f7-att .t b{font:600 30px/1 var(--mono);color:var(--coral-ink)}
@media (min-width:1100px){.f7b-hero .f7-att{position:absolute;right:clamp(0px,3vw,60px);top:50%;margin:0;transform:translateY(-50%) rotate(3deg)}}

/* the observation (dark) */
.f7-obs{background:var(--deep);color:#eef0ea;padding:clamp(64px,8vw,120px) var(--side)}
.f7-obs .grid{max-width:1080px;margin:0 auto;display:grid;gap:clamp(36px,5vw,72px)}
@media (min-width:960px){.f7-obs .grid{grid-template-columns:1.1fr .9fr;align-items:start}}
.f7-obs .label{color:#a9b8b0;margin-bottom:26px}
.f7-obs p.b{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:#cfd8d2}
.f7-obs p.b+p.b{margin-top:1em}
.f7-obs p.b strong{color:#eef0ea;font-weight:600}
.f7-pull{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.f7-pull em{font-style:normal;color:var(--coral)}
/* three bars that overflow their frame */
.f7-over{margin-top:36px;border-left:2px solid #eef0ea;border-right:2px dashed rgba(238,240,234,.4);padding:6px 0;position:relative}
.f7-over::after{content:"100% of you";position:absolute;right:-2px;top:-26px;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a9b8b0;transform:translateX(50%)}
.f7-over div{height:40px;margin:8px 0;border-radius:0 8px 8px 0;background:var(--c);color:var(--ink);display:flex;align-items:center;padding:0 14px;font-weight:600;font-size:15px;white-space:nowrap}
.f7-over .o1{width:72%}.f7-over .o2{width:58%}.f7-over .o3{width:84%}
@media (min-width:960px){.f7-over .o1{width:118%}.f7-over .o2{width:96%}.f7-over .o3{width:132%}}

/* translation: brief → moment */
.f7-tr{margin-top:40px;border-top:1.5px solid var(--ink)}
.f7-tr li{list-style:none;display:grid;gap:10px;padding:22px 0;border-bottom:1.5px solid var(--line);align-items:center}
@media (min-width:860px){.f7-tr li{grid-template-columns:1fr 44px 1.25fr;gap:20px}}
.f7-tr .from{font-size:clamp(19px,1.7vw,23px);color:var(--soft);text-decoration:line-through;text-decoration-color:var(--coral-ink);text-decoration-thickness:2px}
.f7-tr .arr{font:600 20px var(--mono);color:var(--coral-ink)}
.f7-tr .to{font-size:clamp(18px,1.5vw,20px);line-height:1.45;font-weight:500;background:var(--lime);padding:12px 16px;border-radius:4px}
.f7-tr .to b{display:block;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-bottom:6px}

/* inside / around the leader */
.f7-io{margin-top:40px;border:1.5px solid var(--ink);border-radius:999px 999px 28px 28px;overflow:hidden}
.f7-io .in{background:#fff;padding:clamp(40px,5vw,64px) clamp(24px,5vw,72px) 28px;text-align:center}
.f7-io .ar{background:var(--blue);padding:28px clamp(24px,5vw,72px) 34px;text-align:center;border-top:1.5px dashed var(--ink)}
.f7-io .lab2{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.f7-io .ar .lab2{color:var(--ink);opacity:.7}
.f7-io dl{margin:18px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;max-width:880px}
.f7-io dl div{max-width:190px;text-align:left}
.f7-io dt{font-size:22px;font-weight:600;letter-spacing:-.015em}
.f7-io dd{margin:4px 0 0;font-size:15px;line-height:1.4;color:var(--soft)}
.f7-io .ar dd{color:var(--ink)}
.f7-io .ar dl div{max-width:300px}
.f7-cut{margin-top:34px;font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-.025em;font-weight:600;max-width:30ch}
.f7-cut em{font-style:normal;color:var(--coral-ink)}

/* centrepiece: the practice line */
.f7-line-sec{background:var(--deep);color:#eef0ea;padding:clamp(72px,9vw,130px) var(--side)}
.f7-line-sec .w{max-width:1180px;margin:0 auto}
.f7-line-sec .intro{margin-top:24px;max-width:52ch;color:#cfd8d2;font-size:clamp(17px,1.5vw,20px);line-height:1.55}
.f7-axis{position:relative;margin-top:clamp(56px,7vw,90px)}
.f7-axis .ends{display:flex;justify-content:space-between;font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding-bottom:16px}
.f7-axis .ends span:first-child{color:var(--lime)}.f7-axis .ends span:last-child{color:var(--coral)}
.f7-axis .rule{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--lime),var(--blue) 50%,var(--coral))}
.f7-pts{display:grid;gap:18px;margin-top:0}
@media (min-width:1000px){
  .f7-pts{position:relative;grid-template-columns:repeat(4,1fr);gap:22px}
  .f7-pt{position:relative;padding-top:56px}
  .f7-pt::before{content:"";position:absolute;left:24px;top:-3px;width:2px;height:50px;background:#eef0ea;opacity:.45}
  .f7-pt::after{content:"";position:absolute;left:17px;top:-10px;width:16px;height:16px;border-radius:50%;background:var(--c);border:2px solid var(--deep);box-shadow:0 0 0 2px var(--c)}
  .f7-pt.span{grid-column:1/-1;padding-top:26px}
  .f7-pt.span::before,.f7-pt.span::after{display:none}
}
@media (max-width:999px){.f7-pts{border-left:6px solid;border-image:linear-gradient(var(--lime),var(--blue),var(--coral)) 1;padding-left:20px;margin-top:20px}.f7-axis .rule{display:none}}
.f7-pt .w2{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.f7-pt h3{margin-top:10px;font-size:22px;line-height:1.1;letter-spacing:-.02em;font-weight:600}
.f7-pt .gap{margin-top:8px;font-size:15px;line-height:1.45;color:#a9b8b0}
.f7-pt .do{margin-top:10px;font-size:16px;line-height:1.45;color:#eef0ea}
.f7-pt.span{border-top:2px dashed rgba(238,240,234,.3)}
.f7-pt.span .in2{display:grid;gap:8px 30px}
@media (min-width:1000px){.f7-pt.span .in2{grid-template-columns:240px 1fr 1fr;align-items:baseline}}
.f7-adapt{margin-top:28px;font:500 13px/1.6 var(--mono);letter-spacing:.04em;color:#a9b8b0}

/* protected practice: three moments */
.f7-three{margin-top:40px;display:grid;border-top:2px solid var(--ink)}
@media (min-width:860px){.f7-three{grid-template-columns:1fr 1.3fr 1fr}}
.f7-three div{padding:22px 20px 24px 0}
@media (min-width:860px){.f7-three div+div{padding-left:24px;border-left:1.5px solid var(--line)}}
.f7-three .mid{background:var(--coral);border-radius:0 0 20px 20px;padding-left:24px!important}
.f7-three span{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--coral-ink)}
.f7-three .mid span{color:var(--ink);opacity:.7}
.f7-three b{display:block;margin-top:10px;font-size:22px;letter-spacing:-.015em;font-weight:600}
.f7-three p{margin-top:6px;line-height:1.45;font-size:16px}
.f7-real{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}
.f7-real span{font-size:15px;font-weight:500;border:1.5px solid var(--ink);border-radius:99px;padding:8px 14px}

/* AI: one rehearsal */
.f7-ai{margin-top:36px;display:grid;gap:22px}
@media (min-width:900px){.f7-ai{grid-template-columns:1fr 1fr;align-items:center}}
.f7-ex{background:var(--deep);color:#eef0ea;border-radius:22px;padding:22px 24px 24px}
.f7-ex .h{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:14px}
.f7-ex p{border-radius:16px;padding:12px 15px;font-size:16px;line-height:1.45}
.f7-ex .me{background:#2c3833;margin-right:12%}
.f7-ex .ai{margin:10px 0 0 12%;background:var(--paper);color:var(--ink)}
.f7-ex .ai b{display:block;font:600 10px/1 var(--mono);letter-spacing:.12em;color:var(--coral-ink);margin-bottom:5px}
.f7-safe{font-size:15px;line-height:1.5;border-left:4px solid var(--coral-ink);padding:4px 0 4px 14px;color:var(--soft)}

/* one leader to many: dots */
.f7-many{margin-top:40px;display:grid;gap:clamp(30px,4vw,60px)}
@media (min-width:960px){.f7-many{grid-template-columns:.9fr 1.1fr;align-items:center}}
.f7-dots{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;padding:24px;background:#fff;border:1.5px solid var(--ink);border-radius:20px}
.f7-dots i{aspect-ratio:1;border-radius:50%;background:var(--line)}
.f7-dots i.on{background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}
.f7-dots i.one{background:var(--coral);box-shadow:inset 0 0 0 2px var(--ink)}
.f7-dcap{display:flex;justify-content:space-between;margin-top:12px;font:600 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.f7-conds{list-style:none;padding:0;border-top:1.5px solid var(--ink)}
.f7-conds li{padding:13px 0 13px 30px;border-bottom:1px solid var(--line);position:relative;font-size:17px;line-height:1.45}
.f7-conds li::before{content:"";position:absolute;left:4px;top:19px;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}
.f7-mat{margin-top:clamp(32px,4vw,48px);font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-.025em;font-weight:600;max-width:34ch}
.f7-mat em{font-style:normal;color:var(--coral-ink)}

/* before you design: the brief margin */
.f7-brief{padding:clamp(24px,4vw,56px) var(--side) clamp(72px,9vw,120px)}
.f7-brief .bx{max-width:980px;margin:0 auto;display:grid;gap:24px;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:clamp(28px,4vw,48px) 0}
@media (min-width:860px){.f7-brief .bx{grid-template-columns:300px 1fr;gap:48px}}
.f7-brief h2{font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.04em;font-weight:600}
.f7-brief h2 em{font-style:normal;color:var(--coral-ink)}
.f7-brief ol{list-style:none;padding:0;counter-reset:q}
.f7-brief li{counter-increment:q;display:grid;grid-template-columns:52px 1fr;padding:14px 0;border-bottom:1px solid var(--line);font-size:clamp(19px,1.8vw,24px);line-height:1.3;letter-spacing:-.01em;font-weight:500}
.f7-brief li:last-child{border:0}
.f7-brief li::before{content:"0" counter(q);font:600 14px/1.9 var(--mono);color:var(--coral-ink)}
.mock-flag{position:fixed;left:12px;bottom:12px;z-index:99;background:var(--coral);color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;border-radius:99px;border:1.5px solid var(--ink)}

/* ===== Revision 2 ===== */
/* hero: three bands crossing */
.f7-cross{position:relative;z-index:2;margin-top:36px;width:min(520px,100%)}
.f7-cross svg{display:block;width:100%;height:auto;overflow:visible}
.f7-cross .bd{mix-blend-mode:multiply}
.f7-cross .w{font:700 30px var(--sans);letter-spacing:-.02em;fill:var(--ink)}
.f7-cross .s{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink);opacity:.75}
.f7-cross .j{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;fill:var(--ink)}
@media (min-width:1100px){.f7b-hero .f7-cross{position:absolute;right:0;top:50%;margin:0;transform:translateY(-50%);width:560px}}
.f7-obs.short .grid{grid-template-columns:1fr}
@media (min-width:960px){.f7-obs.short .grid{grid-template-columns:1.2fr .8fr;align-items:end}}

/* the expanded moment */
.f7-moment{margin-top:40px;border:1.5px solid var(--ink);border-radius:22px;overflow:hidden;background:#fff}
.f7-moment .row{display:grid;gap:6px;padding:20px 26px;border-top:1px solid var(--line)}
.f7-moment .row:first-child{border-top:0}
@media (min-width:820px){.f7-moment .row{grid-template-columns:230px 1fr;gap:24px;align-items:baseline}}
.f7-moment .k{font:600 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.f7-moment .k small{display:block;letter-spacing:.06em;text-transform:none;font-size:12px;color:var(--coral-ink)}
.f7-moment .v{font-size:clamp(19px,1.7vw,23px);line-height:1.35;letter-spacing:-.01em}
.f7-moment .brief .v{color:var(--soft);text-decoration:line-through;text-decoration-color:var(--coral-ink);text-decoration-thickness:2px}
.f7-moment .mom{background:var(--paper)}
.f7-moment .mom .v{font-weight:600}
.f7-moment .good{background:var(--lime)}
.f7-moment .good .v{font-weight:600}
.f7-rule{margin-top:34px;font-size:clamp(22px,2.4vw,32px);line-height:1.18;letter-spacing:-.025em;font-weight:600;max-width:32ch}
.f7-rule em{font-style:normal;color:var(--coral-ink)}
.f7-rule+p{margin-top:14px;max-width:52ch;color:var(--soft);line-height:1.6}

/* contact sheet of moments */
.f7-sheet{margin-top:52px}
.f7-sheet .lab3{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-bottom:6px}
.f7-sheet .sub{color:var(--soft);font-size:16px;margin-bottom:18px}
.f7-sheet ol{list-style:none;padding:0;display:grid;border-top:1.5px solid var(--ink);counter-reset:m}
@media (min-width:760px){.f7-sheet ol{grid-template-columns:1fr 1fr;column-gap:40px}}
.f7-sheet li{counter-increment:m;display:grid;grid-template-columns:38px 1fr;padding:15px 0;border-bottom:1px solid var(--line)}
.f7-sheet li::before{content:counter(m,decimal-leading-zero);font:600 12px/1.8 var(--mono);color:var(--coral-ink)}
.f7-sheet b{display:block;font-size:18px;font-weight:600;letter-spacing:-.01em}
.f7-sheet span{display:block;margin-top:3px;font-size:15px;color:var(--soft)}
.f7-sheet li.x b::after{content:"Expanded above";margin-left:10px;font:600 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--lime);padding:4px 7px;border-radius:99px;vertical-align:3px}

/* layers: leader / work / environment */
.f7-layers{margin-top:40px;display:grid;gap:clamp(28px,4vw,56px);align-items:center}
@media (min-width:920px){.f7-layers{grid-template-columns:1fr 1fr}}
.f7-rings{position:relative;width:min(520px,100%);aspect-ratio:1;margin:0 auto}
.f7-rings>div{position:absolute;border-radius:50%;border:1.5px solid var(--ink);display:flex;justify-content:center}
.f7-rings .env{inset:0;background:var(--blue)}
.f7-rings .wrk{inset:15%;background:var(--paper);border-style:dashed}
.f7-rings .ldr{inset:30%;background:var(--lime)}
.f7-rings .beh{inset:41%;background:var(--ink);color:#eef0ea;align-items:center;text-align:center;font:600 12px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px}
.f7-rings .t{position:absolute;top:4.5%;left:0;right:0;text-align:center;font:600 12px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.f7-rings .wrk .t{top:6%}.f7-rings .ldr .t{top:8%}
.f7-rings .t small{display:block;font:400 12.5px/1.3 var(--sans);letter-spacing:0;text-transform:none;opacity:.8;margin-top:3px;padding:0 18%}
.f7-pin{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--coral);border:2px solid var(--ink);display:grid;place-items:center;font:700 13px/1 var(--mono);z-index:3}
.f7-cases{list-style:none;padding:0;display:grid;gap:14px}
.f7-cases li{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start;font-size:17px;line-height:1.45}
.f7-cases li i{width:30px;height:30px;border-radius:50%;background:var(--coral);border:2px solid var(--ink);display:grid;place-items:center;font:700 13px/1 var(--mono);font-style:normal}
.f7-cases b{display:block;font-size:19px;letter-spacing:-.01em}
.f7-probe{margin-top:44px;background:var(--deep);color:#eef0ea;border-radius:24px;padding:clamp(26px,3.5vw,44px)}
.f7-probe h3{font-size:clamp(24px,2.6vw,36px);line-height:1.08;letter-spacing:-.03em;font-weight:600;max-width:24ch}
.f7-probe h3 em{font-style:normal;color:var(--lime)}
.f7-probe ul{list-style:none;padding:0;margin-top:22px;display:grid;gap:0}
@media (min-width:820px){.f7-probe ul{grid-template-columns:1fr 1fr;column-gap:36px}}
.f7-probe li{padding:12px 0 12px 26px;border-top:1px solid rgba(238,240,234,.16);position:relative;font-size:16.5px;line-height:1.45;color:#dfe5e1}
.f7-probe li::before{content:"?";position:absolute;left:0;top:11px;font:700 15px var(--mono);color:var(--coral)}
.f7-probe .ev{margin-top:20px;font-size:17px;color:#eef0ea;font-weight:500}

/* five questions */
.f7-five{padding:clamp(56px,7vw,100px) var(--side)}
.f7-five .bx{max-width:1080px;margin:0 auto;display:grid;gap:28px;border-top:3px solid var(--ink);padding-top:clamp(28px,4vw,44px)}
@media (min-width:900px){.f7-five .bx{grid-template-columns:320px 1fr;gap:56px}}
.f7-five h2{font-size:clamp(30px,3.4vw,48px);line-height:1;letter-spacing:-.04em;font-weight:600}
.f7-five h2 em{font-style:normal;color:var(--coral-ink)}
.f7-five .side p{margin-top:16px;color:var(--soft);line-height:1.55}
.f7-five ol{list-style:none;padding:0;counter-reset:q}
.f7-five li{counter-increment:q;display:grid;grid-template-columns:64px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}
.f7-five li:first-child{padding-top:0}
.f7-five li::before{content:"0" counter(q);font:600 30px/1 var(--sans);letter-spacing:-.03em;color:var(--coral-ink)}
.f7-five li b{display:block;font-size:clamp(19px,1.8vw,24px);line-height:1.25;letter-spacing:-.015em;font-weight:600}
.f7-five li span{display:block;margin-top:5px;color:var(--soft);font-size:16px;line-height:1.45}

/* practice line refinements */
.f7-shape{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.f7-shape b{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a9b8b0;margin-right:6px}
.f7-shape span{border:1.5px solid rgba(238,240,234,.35);border-radius:99px;padding:8px 14px;font-size:15px;color:#eef0ea}
@media (min-width:1000px){.f7-pts.r2{grid-template-columns:1fr 1.4fr 1fr}.f7-pt.combo::after{display:none}.f7-pt.combo::before{display:none}.f7-pt.combo{padding-top:44px}.f7-pt.combo .span-bar{position:absolute;left:0;right:0;top:-10px;height:16px;border-radius:99px;background:linear-gradient(90deg,var(--lime),var(--blue),var(--coral));border:2px solid var(--deep);box-shadow:0 0 0 2px #eef0ea}}
.f7-pt .do{max-width:40ch}

/* AI practice coach */
.f7-coach{margin-top:40px;display:grid;gap:24px}
@media (min-width:960px){.f7-coach{grid-template-columns:1fr 1fr;align-items:start}}
.f7-prompt{background:#fff;border:1.5px solid var(--ink);border-radius:10px;box-shadow:8px 8px 0 var(--ink);overflow:hidden}
.f7-prompt .fh{display:flex;justify-content:space-between;background:var(--ink);color:#eef0ea;padding:10px 16px;font:600 12px/1 var(--mono);letter-spacing:.06em}
.f7-prompt .fh span:last-child{color:var(--lime)}
.f7-prompt pre{margin:0;padding:18px 18px 6px;white-space:pre-wrap;font:500 14px/1.6 var(--mono);color:var(--ink)}
.f7-prompt ul{list-style:none;padding:6px 18px 18px;font:500 13.5px/1.7 var(--mono);color:var(--soft)}
.f7-prompt ul li::before{content:"› ";color:var(--coral-ink)}
.f7-prompt .sep{margin:6px 18px;border-top:1px dashed var(--line)}
.f7-reh{background:var(--deep);color:#eef0ea;border-radius:22px;padding:22px 22px 24px}
.f7-reh .h{font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:14px}
.f7-reh p{border-radius:16px;padding:12px 15px;font-size:15.5px;line-height:1.45}
.f7-reh p b{display:block;font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
.f7-reh .role{background:var(--paper);color:var(--ink);margin-right:10%}
.f7-reh .role b{color:var(--soft)}
.f7-reh .me{background:#2c3833;margin:10px 0 0 14%}
.f7-reh .me b{color:#a9b8b0}
.f7-reh .fb{margin-top:10px;background:var(--lime);color:var(--ink);border:1.5px dashed var(--ink)}
.f7-reh .fb b{color:var(--coral-ink)}
.f7-bounds{margin-top:22px;display:grid;gap:12px}
@media (min-width:860px){.f7-bounds{grid-template-columns:1fr 1fr}}
.f7-bounds p{font-size:15px;line-height:1.5;border-left:4px solid var(--coral-ink);padding:2px 0 2px 14px;color:var(--soft)}

/* spread network */
.f7-net{margin-top:40px;background:#fff;border:1.5px solid var(--ink);border-radius:24px;padding:clamp(18px,3vw,32px)}
.f7-net svg{display:block;width:100%;height:auto}
.f7-net .nl{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink)}
.f7-net .ns{font:400 13px var(--sans);fill:var(--soft)}
.f7-net .cap{margin-top:10px;font:600 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.f7-steps{display:none}
@media (max-width:720px){.f7-net svg{display:none}.f7-steps{display:grid;gap:0;list-style:none;padding:0;counter-reset:s}.f7-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.f7-steps li::before{content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--lime);border:1.5px solid var(--ink);display:grid;place-items:center;font:700 12px/1 var(--mono)}}
.f7-infl{margin-top:30px;max-width:60ch;line-height:1.6}

/* evidence */
.f7-evid{margin-top:36px;display:grid;gap:22px}
@media (min-width:900px){.f7-evid{grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}}
.f7-evid .not{font-size:clamp(20px,2vw,26px);line-height:1.3;color:var(--soft)}
.f7-evid .not s{text-decoration-color:var(--coral-ink);text-decoration-thickness:2px}
.f7-evid .not p+p{margin-top:12px;color:var(--ink);font-weight:600}
.f7-evid ul{list-style:none;padding:0;border-top:1.5px solid var(--ink)}
.f7-evid li{display:grid;grid-template-columns:30px 1fr;padding:13px 0;border-bottom:1px solid var(--line);font-size:17.5px;line-height:1.4}
.f7-evid li::before{content:"";width:14px;height:14px;margin-top:5px;border:2px solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px var(--lime)}
.f7-evid .pat{margin-top:18px;font-size:16px;color:var(--soft)}

.f7-rings .t{top:5%}.f7-rings .wrk .t{top:7%}.f7-rings .ldr .t{top:12%}
.f7-legend{display:grid;gap:12px;margin:0 0 26px;padding-bottom:22px;border-bottom:1.5px solid var(--ink)}
.f7-legend div{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:baseline}
.f7-legend dt{font-weight:600;font-size:18px;display:flex;gap:10px;align-items:center}
.f7-legend dt::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--c);border:1.5px solid var(--ink);flex:none}
.f7-legend dd{margin:0;font-size:15.5px;line-height:1.45;color:var(--soft)}
@media (max-width:520px){.f7-legend div{grid-template-columns:1fr;gap:2px}}

/* ===== Revision 3 ===== */
.f7-cross .s{font-size:13px;opacity:.85}
.f7-cross .j{font-size:12px}
.f7-key{display:grid;gap:6px;margin:8px 0 0;padding:0}
.f7-key div{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:baseline}
.f7-key dt{display:flex;align-items:center;gap:8px;font:600 12px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.f7-key dt::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c);border:1.5px solid var(--ink);flex:none}
.f7-key dd{margin:0;font-size:14.5px;line-height:1.35;color:var(--soft)}
@media (min-width:1100px){.f7-key{padding-left:40px}}
@media (max-width:700px){.f7-cross .s{display:none}}
.f7-rings .t{font-size:13px;color:var(--ink)}
@media (max-width:520px){.f7-rings .t{font-size:11.5px;letter-spacing:.08em}.f7-rings .beh{font-size:10.5px}}
.f7-flow{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.f7-prompt pre{font-size:14.5px;line-height:1.6;padding:20px 20px 22px}
.f7-reh p+p{margin-top:10px}
.f7-reh .role{margin-right:12%}
.f7-reh .me{margin-left:12%;margin-top:10px}
.f7-bounds1{margin-top:22px;max-width:62ch;font-size:15.5px;line-height:1.5;border-left:4px solid var(--coral-ink);padding:2px 0 2px 14px;color:var(--soft)}
.f7-net svg .nl{font-size:13px}
.f7-net svg .ns{font-size:13.5px}
.f7-steps2{display:none}
@media (max-width:720px){.f7-net svg{display:none}.f7-steps2{display:grid;list-style:none;padding:0;margin:0}.f7-steps2 li{padding:13px 0 13px 28px;border-bottom:1px solid var(--line);position:relative;font-size:16px;line-height:1.4}.f7-steps2 li::before{content:"";position:absolute;left:2px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--lime);border:1.5px solid var(--ink)}.f7-steps2 li:last-child{border:0}}
.f7-evid2{margin-top:34px;max-width:820px}
.f7-evid2 ul{list-style:none;padding:0;border-top:1.5px solid var(--ink);display:grid}
@media (min-width:820px){.f7-evid2 ul{grid-template-columns:1fr 1fr;column-gap:36px}}
.f7-evid2 li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);position:relative;font-size:17.5px;line-height:1.4}
.f7-evid2 li::before{content:"";position:absolute;left:0;top:19px;width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 8px var(--lime)}
.f7-evid2 .pat{margin-top:18px;font-size:17px;font-weight:500}
.f7-close{padding-top:clamp(110px,14vw,200px)}
.f7-closeq{max-width:16ch;margin:0 auto;font-size:clamp(40px,6.4vw,96px);line-height:1;letter-spacing:-.05em;font-weight:600;text-wrap:balance}
.f7-closeq span{display:block;margin-bottom:.35em;font-size:.42em;letter-spacing:-.02em;font-weight:500;color:var(--soft);line-height:1.2}
.f7-closeq em{font-style:normal;display:inline-block;background:var(--lime);border:2px solid var(--ink);border-radius:.2em;padding:0 .18em .04em;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);color:var(--coral-ink)}
.f7-close .fn-end-squig{margin-top:44px}
@media (min-width:1100px){.f7b-hero{padding-bottom:clamp(90px,9vw,130px)}.f7b-hero .f7-cross{top:47%}}
/* Ideas card visual: the three bands */
.if-bands{position:relative;min-height:300px;background:var(--paper);border:1.5px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 rgba(23,34,31,.2);overflow:hidden}
.if-bands i{position:absolute;left:50%;top:50%;width:118%;height:56px;margin:-28px 0 0 -59%;border-radius:28px;mix-blend-mode:multiply;display:flex;align-items:center;padding:0 12%;font:700 20px var(--sans);letter-spacing:-.01em;font-style:normal;color:var(--ink)}
.if-bands b{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 8px rgba(32,41,37,.12)}
/* final tweaks */
.f7-nuance{margin-top:16px;max-width:60ch;color:var(--soft);font-size:clamp(16px,1.4vw,18px);line-height:1.55}
.f7-close{padding-top:clamp(150px,18vw,260px)!important;padding-bottom:clamp(60px,7vw,90px)}
.f7-close .label{margin-bottom:clamp(30px,4vw,48px)}
.f7-close .fn-end-squig{margin-top:clamp(48px,6vw,80px)}
.f7-close .actions{margin-top:clamp(56px,7vw,90px)}

/* below the line: conditions */
.f7-cond{margin-top:clamp(48px,6vw,80px)}
.f7-cond-line{position:relative;border-top:2px dashed rgba(238,240,234,.45)}
.f7-cond-line span{position:absolute;left:24px;top:-14px;background:var(--blue);color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.f7-cond-in{margin-top:30px;background:var(--blue);color:var(--ink);border-radius:22px;padding:clamp(24px,3.4vw,40px);display:grid;gap:28px}
@media (min-width:900px){.f7-cond-in{grid-template-columns:1.25fr 1fr 1fr;gap:36px}}
.f7-cond .w2{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#3d5a6b}
.f7-cond-h h3{margin-top:10px;font-size:clamp(24px,2.4vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.08;color:var(--ink)}
.f7-cond-h p:not(.w2){margin-top:14px;font-size:16.5px;line-height:1.55;color:#2c3a35}
.f7-cond-col{border-top:2px solid var(--ink);padding-top:14px}
.f7-cond-col .w2{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:12px}
.f7-cond-col .w2 i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--blue);font-size:10px;letter-spacing:0}
.f7-cond-col ul{list-style:none;padding:0;margin:12px 0 0}
.f7-cond-col li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid rgba(32,41,37,.18);font-size:16px;line-height:1.4;color:var(--ink)}
.f7-cond-col li:last-child{border-bottom:0}
.f7-cond-col li::before{content:"";position:absolute;left:2px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.f7-cond-col:last-child li::before{background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink);width:11px;height:11px;left:1px;top:15px}