/* lesson-notes.css — A Girl & Her Futures™
 * Lesson Notes (playbook.html) in the AGHF Signature style. Scoped to body.aca-notes. */

body.aca-notes{--acc:var(--ac-f4829a,#F4829A);--acc-ink:var(--fg-e0607c,#E0607C);--acc-bg:var(--bg-fde8ed,#FDE8ED);--acc-grad:linear-gradient(135deg,var(--ac-f4829a,#F4829A),var(--ac-f5a857,#F5A857));
  background:radial-gradient(60% 40% at 20% 0%,rgb(var(--bga-f9c9d4,249 201 212) / .55),transparent 70%),radial-gradient(50% 40% at 100% 0%,rgb(var(--bga-cecbf6,206 203 246) / .4),transparent 70%),radial-gradient(50% 40% at 100% 100%,rgb(var(--bga-bfe6e1,191 230 225) / .35),transparent 70%),var(--cream,#FDF8F5);background-attachment:fixed}
.ln-card{background:var(--bg-ffffff,#fff);border:1px solid var(--border);border-radius:28px;box-shadow:0 14px 40px rgba(44,24,16,.07)}
.ln-eyebrow{display:inline-flex;align-self:flex-start;background:var(--bg-ffffff,#fff);border:1.5px solid var(--ln-f9c9d4,#F9C9D4);border-radius:999px;padding:5px 12px;color:var(--acc-ink);font:800 .72rem var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.ln-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;padding:28px;align-items:center}
.ln-hero-l{display:flex;flex-direction:column;gap:10px}
.ln-hero h1{font:900 clamp(2rem,4vw,2.8rem)/1.08 var(--font-display);color:var(--dark);margin:4px 0 0}
.ln-hero h1 em,.ln-note h3 em,.ln-open h2 em{font-style:italic;color:var(--acc)}
.ln-hero p{margin:0 0 6px;color:var(--text);max-width:52ch}
.ln-stats{display:flex;gap:10px;flex-wrap:wrap}
.ln-stat{background:var(--bg-ffffff,#fff);border:1px solid var(--border);border-top:3px solid var(--ln-f4829a,#F4829A);border-radius:16px;padding:10px 14px;min-width:110px}
.ln-stat:nth-child(2){border-top-color:var(--ln-7ecec4,#7ECEC4)}.ln-stat:nth-child(3){border-top-color:var(--ln-7f77dd,#7F77DD)}
.ln-stat small{display:block;color:var(--muted);font-weight:700;font-size:.76rem}.ln-stat b{font:800 1.3rem var(--font-body);color:var(--dark)}
.ln-art{position:relative;height:230px;border-radius:24px;background:linear-gradient(135deg,var(--bg-fde8ed,#FDE8ED),var(--bg-eeedfe,#EEEDFE) 55%,var(--bg-e8f8f6,#E8F8F6));border:4px solid var(--ln-ffffff,#fff);overflow:hidden;box-shadow:0 14px 34px rgba(44,24,16,.1)}
.ln-art .ln-ari{position:absolute;left:3%;bottom:-6px;width:56%;height:110%}
.ln-art .v3-bubble{position:absolute;right:14px;top:18px;max-width:58%}
.ln-agent{display:inline-flex;color:var(--muted);font-size:.84rem;font-weight:700;text-decoration:none;margin-top:4px}
.ln-agent:hover{color:var(--acc-ink)}

.ln-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 6px}
.ln-search{flex:1 1 260px;display:flex;align-items:center;gap:8px;background:var(--bg-ffffff,#fff);border:1.5px solid var(--border);border-radius:999px;padding:4px 16px}
.ln-search input{flex:1;border:0;outline:0;background:transparent;font:500 .95rem var(--font-body);color:var(--dark);padding:7px 0;min-width:0}
.ln-search:focus-within{border-color:var(--acc)}
.ln-chips{display:flex;gap:8px;flex-wrap:wrap}
.ln-chip{background:var(--bg-ffffff,#fff);border:1.5px solid var(--border);border-radius:999px;padding:8px 14px;font:700 .86rem var(--font-body);color:var(--dark);cursor:pointer}
.ln-chip.on{background:var(--acc-bg);border-color:var(--acc);color:var(--acc-ink)}
.ln-chip i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}

.ln-grp{display:flex;align-items:baseline;gap:10px;margin:22px 4px 10px;flex-wrap:wrap}
.ln-grp h4{margin:0;font:900 1.15rem var(--font-display);color:var(--dark)}
.ln-grp small{color:var(--muted)}
.ln-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ln-note{display:flex;flex-direction:column;gap:12px;padding:18px 20px 14px;border-radius:24px;position:relative;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}
.ln-note:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(44,24,16,.1)}
.ln-note::before{content:'';position:absolute;left:0;top:0;right:0;height:5px;background:var(--c)}
.ln-src{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ln-ph{font:800 .7rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ci);background:var(--cb);border-radius:999px;padding:4px 10px}
.ln-src small{color:var(--muted);font-size:.78rem;font-weight:600}
.ln-note h3{margin:0;font:900 1.3rem/1.2 var(--font-display);color:var(--dark)}
.ln-take{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ln-take li{display:grid;grid-template-columns:20px 1fr;gap:6px;font-size:.9rem;color:var(--text);line-height:1.45}
.ln-take li::before{content:'✓';color:var(--fg-3e9e93,#3E9E93);font-weight:900}
.ln-rem{background:var(--bg-ffffff,#fff);border:1px solid var(--border);border-radius:16px;padding:10px 14px 10px 18px;position:relative;overflow:hidden;font:italic 600 1rem/1.4 var(--font-display);color:var(--dark)}
.ln-rem::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--acc-grad)}
.ln-rem small{display:block;font:800 9.5px var(--font-body);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-ink);margin-bottom:2px}
.ln-mine{background:var(--bg-f7f6ff,#F7F6FF);border-radius:16px;padding:10px 14px;font-size:.9rem;color:var(--text)}
.ln-mine small{display:block;font:800 9.5px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-5e56b8,#5E56B8);margin-bottom:3px}
.ln-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:10px;margin-top:auto}
.ln-pin{background:none;border:0;padding:4px 0;font:700 .84rem var(--font-body);color:var(--muted);cursor:pointer}
.ln-pin.on{color:var(--fg-c9962e,#C9962E)}
.ln-foot a{color:var(--acc-ink);font-weight:800;font-size:.86rem;text-decoration:none}
.ln-empty{padding:34px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.ln-empty p{margin:0;color:var(--muted);max-width:44ch}
.ln-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 20px;font:800 .9rem var(--font-body);text-decoration:none;border:0;cursor:pointer}
.ln-btn.go{background:linear-gradient(90deg,var(--bg-f4829a,#F4829A),var(--bg-f5a857,#F5A857));color:var(--fg-ffffff,#fff);box-shadow:0 10px 24px rgb(var(--pink-rgb,244 130 154) / .3)}
.ln-btn.ghost{background:var(--bg-ffffff,#fff);border:1.5px solid var(--border);color:var(--dark)}
.ln-filled{display:flex;align-items:center;gap:10px;background:var(--bg-ffffff,#fff);border:1.5px solid var(--ln-b7e2dc,#B7E2DC);border-radius:16px;padding:10px 14px;margin-top:16px;color:var(--text);font-size:.9rem}

/* one note, opened */
.ln-shade{position:fixed;inset:0;background:rgb(var(--ink-rgb,44 24 16) / .35);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}
.ln-open{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;padding:26px;max-width:960px;width:100%;position:relative}
.ln-open-l{display:flex;flex-direction:column;gap:12px;min-width:0}
.ln-open h2{margin:0;font:900 2rem/1.1 var(--font-display);color:var(--dark)}
.ln-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg-ffffff,#fff);font-size:18px;cursor:pointer;color:var(--dark)}
.ln-trail{display:flex;flex-direction:column;gap:10px}
.ln-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:var(--cream);border-radius:14px;padding:10px 12px;font-size:.88rem;color:var(--text);text-decoration:none}
a.ln-step:hover{background:var(--bg-fde8ed,#FDE8ED)}
.ln-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bg-ffffff,#fff);font-size:15px}
.ln-step small{display:block;color:var(--muted);font-size:.76rem}
.ln-btns{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:820px){
  .ln-hero,.ln-open{grid-template-columns:1fr}
  .ln-hero{padding:20px}
  .ln-art{height:190px}
  .ln-shade{padding:12px}
  .ln-open{padding:20px}
}

/* save by choice: tabs, removable lines, All lessons rows */
.ln-tabs{display:inline-flex;gap:4px;background:var(--bg-ffffff,#fff);border:1px solid var(--border);border-radius:999px;padding:5px;margin:20px 0 0;box-shadow:0 8px 24px rgba(44,24,16,.06)}
.ln-tab{border:0;background:none;border-radius:999px;padding:9px 18px;font:800 .9rem var(--font-body);color:var(--muted);cursor:pointer}
.ln-tab span{display:inline-block;min-width:22px;border-radius:999px;background:var(--cream);color:var(--dark);font-size:.75rem;padding:1px 7px;margin-left:4px}
.ln-tab.on{background:var(--acc-grad);color:var(--fg-ffffff,#fff);box-shadow:0 6px 16px rgb(var(--pink-rgb,244 130 154) / .35)}
.ln-tab.on span{background:rgb(var(--glass-rgb,255 255 255) / .3);color:var(--fg-ffffff,#fff)}
.ln-take li,.ln-rem,.ln-mine,.ln-own{position:relative;padding-right:30px}
.ln-take li{padding-right:26px}
.ln-own{background:var(--bg-fff8ec,#FFF8EC);border-radius:16px;padding:10px 30px 10px 14px;font-size:.92rem;color:var(--text)}
.ln-own small{display:block;font:800 9.5px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-a87a1e,#A87A1E);margin-bottom:3px}
.ln-x{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--fg-c9b8ad,#C9B8AD);font-size:11px;cursor:pointer;opacity:0;transition:opacity .15s}
.ln-take li .ln-x{top:0}
:is(.ln-note,.ln-open) :is(li,div):hover > .ln-x,.ln-x:focus-visible{opacity:1}
.ln-x:hover{background:var(--cream);color:var(--fg-c2475f,#C2475F)}
@media (hover:none){.ln-x{opacity:.7}}
.ln-dim{color:var(--muted);margin:0}
.ln-rows{display:flex;flex-direction:column;gap:10px}
.ln-row{border-radius:20px;overflow:hidden;position:relative}
.ln-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.ln-row-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;width:100%;border:0;background:none;padding:14px 18px 14px 22px;text-align:left;cursor:pointer;font:inherit;color:inherit}
.ln-row-h b{font:900 1.08rem var(--font-display);color:var(--dark)}
.ln-row-h small{color:var(--muted);font-size:.8rem;white-space:nowrap}
.ln-has{color:var(--fg-a87a1e,#A87A1E);font-weight:800}
.ln-chev{color:var(--muted)}
.ln-row-b{display:flex;flex-direction:column;gap:8px;padding:0 18px 16px 22px}
.ln-line{display:flex;align-items:center;gap:10px;background:var(--cream);border-radius:14px;padding:9px 12px;font-size:.9rem;color:var(--text)}
.ln-line > span{flex:1;min-width:0}
.ln-line-rem{background:var(--bg-ffffff,#fff);border:1px solid var(--border);font:italic 600 1rem/1.4 var(--font-display);color:var(--dark)}
.ln-line-rem small{display:block;font:800 9.5px var(--font-body);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-ink)}
.ln-row-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}
.ln-row-f a{color:var(--acc-ink);font-weight:800;font-size:.86rem;text-decoration:none}
.ln-row-f .ln-btn{padding:8px 16px;font-size:.85rem}
.ln-empty h3{margin:0;font:900 1.4rem var(--font-display);color:var(--dark)}
.ln-empty h3 em{font-style:italic;color:var(--acc)}
.ln-empty-ari{width:110px;height:140px}
@media (max-width:760px){
  .ln-row-h{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .ln-row-h .ln-ph{grid-column:1/-1;justify-self:start}
  .ln-row-h small{grid-column:1;white-space:normal}
  .ln-chev{grid-row:2/4;grid-column:2}
  .ln-tabs{display:flex}
  .ln-tab{flex:1}
}
.ln-allsaved{color:var(--fg-a87a1e,#A87A1E);font-weight:800;font-size:.86rem}
.ln-more{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0 4px}
.ln-more small{color:var(--muted)}