/* ==========================================================================
   Leo CSS Academy Community — Notes feature styles
   Purple + Gold brand palette (matches community.css).
   All rules scoped under body.lcac. Mobile-first responsive.
   Breakpoints: 1100 / 980 / 768 / 600 / 480 / 375.
   Grid uses auto-fill + minmax so cards adapt fluidly (no jumps).
   ========================================================================== */

/* Brand palette re-declared so notes.css is self-contained even when
   community.css isn't loaded on the same page (notes-only routes). */
body.lcac{
  --brand-900:#2e1065;
  --brand-800:#3b0d8a;
  --brand-700:#5b21b6;
  --brand-600:#7c3aed;
  --brand-500:#8b5cf6;
  --brand-400:#a78bfa;
  --brand-200:#ddd6fe;
  --brand-100:#ede9fe;
  --brand-50:#f5f3ff;
  --accent:#d4a017;
  --accent-600:#b8860b;
  --accent-400:#e6b838;
  --accent-100:#faf0c8;
  --accent-50:#fdf8ec;
  --ink:#1b1530;
  --ink-2:#4c445c;
  --ink-3:#8b8499;
  --line:#ece9f5;
  --bg:#ffffff;
  --bg-soft:#faf9fd;
  --card:#ffffff;
  --radius:20px;
  --radius-sm:12px;
  --shadow-sm:0 1px 2px rgba(46,16,101,.04),0 2px 8px rgba(46,16,101,.05);
  --shadow-md:0 6px 24px rgba(46,16,101,.08);
  --shadow-lg:0 18px 50px rgba(46,16,101,.14);
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-head:'Fraunces',Georgia,'Times New Roman',serif;
  --container:1220px;
  --danger:#d9453c;
  --tap:44px; /* minimum touch target size */
}

/* ============ BASE OVERRIDES (notes-only pages) ============ */
body.lcac .lcac-notes,
body.lcac .lcac-note-single{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body.lcac .lcac-notes *,
body.lcac .lcac-note-single *{box-sizing:border-box}
body.lcac .lcac-notes .container,
body.lcac .lcac-note-single .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
body.lcac .lcac-notes .icon,
body.lcac .lcac-note-single .icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
body.lcac .lcac-notes :focus-visible,
body.lcac .lcac-note-single :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}
body.lcac .lcac-notes h1,body.lcac .lcac-notes h2,body.lcac .lcac-notes h3,
body.lcac .lcac-note-single h1,body.lcac .lcac-note-single h2,body.lcac .lcac-note-single h3{font-family:var(--font-head);letter-spacing:-.012em}

/* ============ BUTTONS (local overrides so they don't depend on community.css) ============ */
body.lcac .lcac-notes .btn,
body.lcac .lcac-note-single .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;white-space:nowrap;border:0;cursor:pointer;text-decoration:none;min-height:var(--tap)}
body.lcac .lcac-notes .btn:hover,
body.lcac .lcac-note-single .btn:hover{transform:translateY(-2px)}
body.lcac .lcac-notes .btn-primary,
body.lcac .lcac-note-single .btn-primary{background:#7c3aed;color:#fff;box-shadow:0 8px 20px rgba(124,58,237,.32)}
body.lcac .lcac-notes .btn-primary:hover,
body.lcac .lcac-note-single .btn-primary:hover{background:#5b21b6;box-shadow:0 10px 26px rgba(124,58,237,.42)}
body.lcac .lcac-notes .btn-outline,
body.lcac .lcac-note-single .btn-outline{border:1.5px solid var(--line);color:var(--brand-700);background:#fff}
body.lcac .lcac-notes .btn-outline:hover,
body.lcac .lcac-note-single .btn-outline:hover{border-color:var(--brand-400);color:var(--brand-600)}
body.lcac .lcac-notes .btn-lg,
body.lcac .lcac-note-single .btn-lg{padding:15px 28px;font-size:1rem}
body.lcac .lcac-notes .btn-sm,
body.lcac .lcac-note-single .btn-sm{padding:8px 16px;font-size:.85rem;min-height:36px}
body.lcac .lcac-notes .btn .icon,
body.lcac .lcac-note-single .btn .icon{font-size:1.1em;transition:transform .2s}
body.lcac .lcac-notes .btn:hover .icon.arrow,
body.lcac .lcac-note-single .btn:hover .icon.arrow{transform:translateX(3px)}
/* Loading spinner */
body.lcac .lcac-notes .btn .spin,
body.lcac .lcac-note-single .btn .spin{display:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:lcacNotSpin .7s linear infinite}
body.lcac .lcac-notes .btn.loading,
body.lcac .lcac-note-single .btn.loading{pointer-events:none;opacity:.92}
body.lcac .lcac-notes .btn.loading .spin,
body.lcac .lcac-note-single .btn.loading .spin{display:inline-block}
body.lcac .lcac-notes .btn.loading .icon,
body.lcac .lcac-note-single .btn.loading .icon{display:none}
@keyframes lcacNotSpin{to{transform:rotate(360deg)}}

/* ============ NOTES HERO ============ */
body.lcac .lcac-notes .notes-hero{position:relative;background:linear-gradient(160deg,var(--brand-900) 0%,var(--brand-800) 55%,var(--brand-700) 100%);color:#fff;overflow:hidden}
body.lcac .lcac-notes .notes-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 90%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);opacity:.7;pointer-events:none}
body.lcac .lcac-notes .notes-hero::after{content:"";position:absolute;top:-80px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.22),transparent 70%);filter:blur(28px);pointer-events:none}
body.lcac .lcac-notes .notes-hero-inner{position:relative;padding:clamp(40px,7vw,88px) 24px clamp(48px,7vw,96px);z-index:1;max-width:var(--container);margin:0 auto}
body.lcac .lcac-notes .notes-hero-text{max-width:760px}
body.lcac .lcac-notes .notes-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:.8rem;font-weight:600;color:#ffe9ad;margin-bottom:22px}
body.lcac .lcac-notes .notes-hero .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(212,160,23,.7);animation:lcacNotPulse 2s infinite}
@keyframes lcacNotPulse{70%{box-shadow:0 0 0 9px rgba(212,160,23,0)}100%{box-shadow:0 0 0 0 rgba(212,160,23,0)}}
/* Title scales smoothly from mobile (1.8rem) → desktop (4rem) via clamp */
body.lcac .lcac-notes .notes-hero h1{font-family:var(--font-head);font-size:clamp(1.8rem,6vw,4rem);line-height:1.06;font-weight:700;letter-spacing:-.02em;margin-bottom:18px;color:#fff}
body.lcac .lcac-notes .notes-hero h1 em{font-style:normal;color:var(--accent-400)}
/* Lead scales from 1rem mobile → 1.1rem desktop */
body.lcac .lcac-notes .notes-hero p.lead{font-size:clamp(1rem,1.6vw,1.12rem);color:rgba(255,255,255,.82);max-width:620px;margin-bottom:30px}
body.lcac .lcac-notes .hero-wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0}
body.lcac .lcac-notes .hero-wave svg{width:100%;height:36px;display:block}
body.lcac .lcac-notes .hero-wave svg path{fill:#fff}

/* Search + create button row — side-by-side on desktop, stacks on mobile */
body.lcac .lcac-notes .notes-hero-bar{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-bottom:22px}
body.lcac .lcac-notes .notes-search{position:relative;flex:1 1 320px;min-width:260px;display:flex;align-items:center;background:rgba(255,255,255,.96);border-radius:999px;border:1.5px solid rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.18);transition:border-color .2s,box-shadow .2s}
body.lcac .lcac-notes .notes-search:focus-within{border-color:var(--brand-400);box-shadow:0 12px 32px rgba(0,0,0,.18),0 0 0 4px rgba(212,160,23,.25)}
body.lcac .lcac-notes .notes-search .icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:1.15rem;pointer-events:none}
body.lcac .lcac-notes .notes-search input{flex:1;width:100%;height:54px;padding:0 22px 0 48px;border:0;background:transparent;font-size:1rem;color:var(--ink);border-radius:999px;min-width:0}
body.lcac .lcac-notes .notes-search input:focus{outline:none}
body.lcac .lcac-notes .notes-search input::placeholder{color:var(--ink-3)}
/* Hide the native search "X" — we have the form toggle for that */
body.lcac .lcac-notes .notes-search input::-webkit-search-cancel-button{display:none}

/* Create button — gold to stand out on the dark hero */
body.lcac .lcac-notes .notes-hero-bar .btn-primary{background:var(--accent);color:#2a1d00;box-shadow:0 8px 22px rgba(212,160,23,.4);flex-shrink:0;height:54px;padding:0 26px}
body.lcac .lcac-notes .notes-hero-bar .btn-primary:hover{background:var(--accent-600);color:#2a1d00;box-shadow:0 12px 28px rgba(212,160,23,.5)}
body.lcac .lcac-notes .notes-hero-bar .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32);color:#fff;flex-shrink:0;height:54px;padding:0 24px}
body.lcac .lcac-notes .notes-hero-bar .btn-outline:hover{background:rgba(255,255,255,.18);border-color:#fff;color:#fff}
body.lcac .lcac-notes .notes-hero-bar .btn .icon{font-size:1.15rem}

/* Hero meta — wraps gracefully, smaller on mobile via clamp on font-size */
body.lcac .lcac-notes .notes-hero-meta{display:flex;gap:18px 24px;flex-wrap:wrap;color:rgba(255,255,255,.7);font-size:clamp(.78rem,1.4vw,.9rem)}
body.lcac .lcac-notes .notes-hero-meta span{display:inline-flex;align-items:center;gap:7px}
body.lcac .lcac-notes .notes-hero-meta .icon{color:var(--accent-400);font-size:1.05rem}

/* ============ CATEGORY FILTERS ============ */
body.lcac .lcac-notes .notes-filters-section{background:#fff;padding:0 0 8px;border-bottom:1px solid var(--line)}
body.lcac .lcac-notes .filters{display:flex;flex-wrap:wrap;gap:10px;padding:24px 24px 22px;max-width:var(--container);margin:0 auto}
/* Touch-friendly chips: min-height 40px so they're easy to tap */
body.lcac .lcac-notes .filters .chip{display:inline-flex;align-items:center;min-height:40px;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:.88rem;color:var(--ink-2);transition:.2s;text-decoration:none;white-space:nowrap}
body.lcac .lcac-notes .filters .chip:hover{border-color:var(--brand-400);color:var(--brand-600);transform:translateY(-1px)}
body.lcac .lcac-notes .filters .chip.active{background:var(--brand-700);border-color:var(--brand-700);color:#fff;box-shadow:0 6px 16px rgba(91,33,182,.28)}

/* ============ NOTES GRID — auto-fill + minmax (fluid, no jumps) ============ */
/* min(100%, 340px) lets the column shrink below 340 on very narrow viewports
   so a single column always fits even at 320px. At 1220px container → 3 cols,
   at ~700px → 2 cols, below ~640px → 1 col. Cards adapt smoothly. */
body.lcac .lcac-notes .notes-grid-section{padding:44px 0 64px}
body.lcac .lcac-notes .notes-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));
  gap:28px;
}
body.lcac .lcac-notes .notes-empty{grid-column:1/-1;text-align:center;padding:64px 20px 48px;background:var(--bg-soft);border:1px dashed var(--brand-200);border-radius:var(--radius)}
body.lcac .lcac-notes .notes-empty .notes-empty-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 20px;border-radius:20px;background:var(--brand-50);color:var(--brand-500);font-size:2rem;border:1px solid var(--brand-100)}
body.lcac .lcac-notes .notes-empty h3{font-size:1.4rem;color:var(--brand-900);margin-bottom:8px}
body.lcac .lcac-notes .notes-empty p{color:var(--ink-2);margin-bottom:22px;max-width:420px;margin-left:auto;margin-right:auto}

/* ============ NOTE CARD ============ */
body.lcac .lcac-notes .note-card,
body.lcac .lcac-note-single .note-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
body.lcac .lcac-notes .note-card:hover,
body.lcac .lcac-note-single .note-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(46,16,101,.14);border-color:var(--brand-200)}
/* Stretched-link: covers the whole card. Action buttons are above it. */
body.lcac .lcac-notes .note-card-stretched,
body.lcac .lcac-note-single .note-card-stretched{position:absolute;inset:0;z-index:1;border-radius:inherit}
body.lcac .lcac-notes .note-card-cover,
body.lcac .lcac-note-single .note-card-cover{position:relative;aspect-ratio:16/9;background:var(--brand-100);overflow:hidden}
body.lcac .lcac-notes .note-card-cover img,
body.lcac .lcac-note-single .note-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
body.lcac .lcac-notes .note-card:hover .note-card-cover img,
body.lcac .lcac-note-single .note-card:hover .note-card-cover img{transform:scale(1.05)}
body.lcac .lcac-notes .note-card-placeholder,
body.lcac .lcac-note-single .note-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-600) 0%,var(--brand-800) 100%);color:rgba(255,255,255,.85)}
body.lcac .lcac-notes .note-card-placeholder .icon,
body.lcac .lcac-note-single .note-card-placeholder .icon{font-size:3rem;opacity:.55}
body.lcac .lcac-notes .note-card-placeholder::before,
body.lcac .lcac-note-single .note-card-placeholder::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:20px 20px;opacity:.6}
body.lcac .lcac-notes .note-card-badge,
body.lcac .lcac-note-single .note-card-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--brand-700);font-size:.72rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--brand-100);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(46,16,101,.1);pointer-events:none;max-width:calc(100% - 96px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lcac .lcac-notes .note-card-body,
body.lcac .lcac-note-single .note-card-body{padding:18px 20px;display:flex;flex-direction:column;flex:1}
/* No z-index on .note-card-body — the stretched link overlays the text so
   clicks anywhere on the card surface (excerpt, footer, etc.) navigate to
   the note. Only the title <a> and the action buttons sit above it. */
body.lcac .lcac-notes .note-card-title,
body.lcac .lcac-note-single .note-card-title{font-family:var(--font-head);font-size:clamp(1.08rem,1.4vw,1.2rem);font-weight:700;color:var(--brand-900);line-height:1.28;letter-spacing:-.005em;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lcac .lcac-notes .note-card-title a,
body.lcac .lcac-note-single .note-card-title a{color:inherit;text-decoration:none;position:relative;z-index:2}
body.lcac .lcac-notes .note-card-title a:hover,
body.lcac .lcac-note-single .note-card-title a:hover{color:var(--brand-600)}
body.lcac .lcac-notes .note-card-excerpt,
body.lcac .lcac-note-single .note-card-excerpt{color:var(--ink-2);font-size:.9rem;line-height:1.55;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lcac .lcac-notes .note-card-author,
body.lcac .lcac-note-single .note-card-author{display:flex;align-items:center;gap:9px;margin-bottom:12px}
body.lcac .lcac-notes .note-card-av,
body.lcac .lcac-note-single .note-card-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;overflow:hidden}
body.lcac .lcac-notes .note-card-av img,
body.lcac .lcac-note-single .note-card-av img{width:100%;height:100%;object-fit:cover;display:block}
body.lcac .lcac-notes .note-card-name,
body.lcac .lcac-note-single .note-card-name{font-size:.82rem;font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body.lcac .lcac-notes .note-card-foot,
body.lcac .lcac-note-single .note-card-foot{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-3);font-weight:500;flex-wrap:wrap}
body.lcac .lcac-notes .note-card-stat,
body.lcac .lcac-note-single .note-card-stat{display:inline-flex;align-items:center;gap:5px}
body.lcac .lcac-notes .note-card-stat .icon,
body.lcac .lcac-note-single .note-card-stat .icon{color:var(--brand-500);font-size:.95rem}
body.lcac .lcac-notes .note-card-date,
body.lcac .lcac-note-single .note-card-date{margin-left:auto;white-space:nowrap}
/* Action buttons (edit/delete) — above the stretched link */
body.lcac .lcac-notes .note-card-actions,
body.lcac .lcac-note-single .note-card-actions{position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:6px;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-4px)}
body.lcac .lcac-notes .note-card:hover .note-card-actions,
body.lcac .lcac-note-single .note-card:hover .note-card-actions,
body.lcac .lcac-notes .note-card-actions:focus-within,
body.lcac .lcac-note-single .note-card-actions:focus-within{opacity:1;transform:none}
body.lcac .lcac-notes .note-action,
body.lcac .lcac-note-single .note-action{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;min-height:34px;border-radius:999px;background:rgba(255,255,255,.96);border:1px solid var(--line);color:var(--ink-2);font-size:.75rem;font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 4px 12px rgba(46,16,101,.12)}
body.lcac .lcac-notes .note-action:hover,
body.lcac .lcac-note-single .note-action:hover{background:#fff;border-color:var(--brand-400);color:var(--brand-700)}
body.lcac .lcac-notes .note-action.note-delete:hover,
body.lcac .lcac-note-single .note-action.note-delete:hover{border-color:var(--danger);color:var(--danger)}
body.lcac .lcac-notes .note-action .icon,
body.lcac .lcac-note-single .note-action .icon{font-size:.95rem}
/* On touch devices, always show the actions (no hover) */
@media (hover:none){
  body.lcac .lcac-notes .note-card-actions,
  body.lcac .lcac-note-single .note-card-actions{opacity:1;transform:none}
}

/* ============ NOTE FORM ============ */
body.lcac .lcac-notes .notes-form-section{background:var(--bg-soft);border-block:1px solid var(--line);padding:48px 0 56px;animation:lcacNotFade .35s ease both}
@keyframes lcacNotFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
body.lcac .lcac-notes .notes-form-section[hidden]{display:none}
body.lcac .lcac-notes .note-form{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md);padding:36px}
body.lcac .lcac-notes .note-form-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}
body.lcac .lcac-notes .note-form-head h2{font-size:clamp(1.25rem,2.5vw,1.55rem);color:var(--brand-900);line-height:1.2}
body.lcac .lcac-notes .note-form-close{display:grid;place-items:center;width:40px;height:40px;min-height:var(--tap);border-radius:10px;color:var(--ink-3);background:var(--brand-50);border:1px solid var(--brand-100);transition:.2s;flex-shrink:0;cursor:pointer}
body.lcac .lcac-notes .note-form-close:hover{color:var(--brand-700);background:var(--brand-100)}
body.lcac .lcac-notes .note-form .field{display:block;margin-bottom:18px}
body.lcac .lcac-notes .note-form .field-row{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}
body.lcac .lcac-notes .note-form .field label{display:block;font-weight:600;font-size:.86rem;color:var(--brand-900);margin-bottom:7px}
body.lcac .lcac-notes .note-form .field .req{color:var(--accent-600);font-weight:700}
body.lcac .lcac-notes .note-form .field-hint{font-size:.78rem;color:var(--ink-3);margin:-2px 0 9px;line-height:1.4}
body.lcac .lcac-notes .note-form input[type="text"],
body.lcac .lcac-notes .note-form input[type="search"],
body.lcac .lcac-notes .note-form select,
body.lcac .lcac-notes .note-form textarea{width:100%;padding:12px 16px;min-height:var(--tap);border-radius:14px;border:1.5px solid var(--line);background:var(--brand-50);font-size:1rem;color:var(--ink);font-family:var(--font-body);transition:.2s;-webkit-appearance:none;appearance:none}
body.lcac .lcac-notes .note-form input[type="text"]::placeholder,
body.lcac .lcac-notes .note-form input[type="search"]::placeholder,
body.lcac .lcac-notes .note-form textarea::placeholder{color:var(--ink-3)}
body.lcac .lcac-notes .note-form input[type="text"]:focus,
body.lcac .lcac-notes .note-form input[type="search"]:focus,
body.lcac .lcac-notes .note-form select:focus,
body.lcac .lcac-notes .note-form textarea:focus{outline:none;border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 4px rgba(124,58,237,.12)}
body.lcac .lcac-notes .note-form select{padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b8499' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
body.lcac .lcac-notes .note-form select:invalid{color:var(--ink-3)}
body.lcac .lcac-notes .note-form textarea{min-height:120px;resize:vertical;line-height:1.6}
body.lcac .lcac-notes .note-form #noteContent{min-height:280px;font-family:ui-monospace,'SF Mono','Menlo','Consolas',monospace;font-size:.92rem;line-height:1.65}
body.lcac .lcac-notes .note-form #noteExcerpt{min-height:60px}

/* Image upload — touch-friendly dropzone */
body.lcac .lcac-notes .note-image-upload{position:relative}
body.lcac .lcac-notes .note-image-dropzone{display:flex;align-items:center;gap:14px;min-height:var(--tap);padding:18px 20px;border:1.5px dashed var(--brand-200);border-radius:14px;background:var(--brand-50);cursor:pointer;transition:.2s;color:var(--ink-2)}
body.lcac .lcac-notes .note-image-dropzone:hover{border-color:var(--brand-400);background:var(--brand-100)}
body.lcac .lcac-notes .note-image-drop-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid var(--brand-100);color:var(--brand-500);font-size:1.4rem;flex-shrink:0}
body.lcac .lcac-notes .note-image-drop-text{display:flex;flex-direction:column;gap:2px;min-width:0}
body.lcac .lcac-notes .note-image-drop-text b{font-size:.92rem;color:var(--brand-900);font-weight:600}
body.lcac .lcac-notes .note-image-drop-text small{font-size:.78rem;color:var(--ink-3)}
body.lcac .lcac-notes .note-image-preview{position:relative;margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--brand-50);animation:lcacNotFade .25s both}
body.lcac .lcac-notes .note-image-preview img{display:block;width:100%;height:auto;max-height:280px;object-fit:cover}
body.lcac .lcac-notes .note-image-remove{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;min-height:var(--tap);border-radius:8px;background:rgba(0,0,0,.55);color:#fff;border:0;cursor:pointer;transition:.2s}
body.lcac .lcac-notes .note-image-remove:hover{background:var(--danger)}
body.lcac .lcac-notes .note-image-remove .icon{font-size:.95rem}
body.lcac .lcac-notes .note-image-upload.has-image .note-image-dropzone{display:none}

/* SEO collapsible section */
body.lcac .lcac-notes .note-seo-section{margin-top:24px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);overflow:hidden}
body.lcac .lcac-notes .note-seo-section summary{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:14px 18px;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--brand-900);list-style:none;user-select:none;transition:.2s}
body.lcac .lcac-notes .note-seo-section summary::-webkit-details-marker{display:none}
body.lcac .lcac-notes .note-seo-section summary:hover{background:var(--brand-50)}
body.lcac .lcac-notes .note-seo-section summary .icon{color:var(--brand-500);font-size:1.1rem}
body.lcac .lcac-notes .note-seo-section summary .chev{margin-left:auto;transition:transform .25s;color:var(--ink-3)}
body.lcac .lcac-notes .note-seo-section[open] summary .chev{transform:rotate(180deg)}
body.lcac .lcac-notes .note-seo-fields{padding:6px 18px 18px;display:grid;gap:16px}

/* Form actions — side-by-side on desktop, stacked full-width on mobile */
body.lcac .lcac-notes .note-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}

/* ============ PAGINATION — touch-friendly, stacks on mobile ============ */
body.lcac .lcac-notes .notes-pagination{background:#fff;border-top:1px solid var(--line);padding:32px 0}
body.lcac .lcac-notes .notes-pagination-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.lcac .lcac-notes .pg-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;flex:1}
body.lcac .lcac-notes .pg-link{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--ink-2);font-weight:600;font-size:.88rem;text-decoration:none;transition:.2s;justify-content:center}
body.lcac .lcac-notes .pg-link:hover{border-color:var(--brand-400);color:var(--brand-700);background:var(--brand-50);transform:translateY(-1px)}
body.lcac .lcac-notes .pg-link.active{background:var(--brand-700);border-color:var(--brand-700);color:#fff;cursor:default}
body.lcac .lcac-notes .pg-link .icon{font-size:1rem}
body.lcac .lcac-notes .pg-ellipsis{color:var(--ink-3);padding:0 6px;font-weight:600}
body.lcac .lcac-notes .pg-prev,
body.lcac .lcac-notes .pg-next{padding:0 18px}

/* ============ SINGLE NOTE PAGE ============ */
body.lcac .lcac-note-single{background:#fff;padding-bottom:80px}

/* Back link */
body.lcac .lcac-note-single .note-back-wrap{padding:24px 0 0}
body.lcac .lcac-note-single .note-back{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:8px 16px;border-radius:999px;background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);font-weight:600;font-size:.88rem;text-decoration:none;transition:.2s}
body.lcac .lcac-note-single .note-back:hover{background:var(--brand-100);color:var(--brand-900)}
body.lcac .lcac-note-single .note-back .icon{font-size:1.05rem}

/* Banner — scales down on mobile via clamp */
body.lcac .lcac-note-single .note-banner{position:relative;width:100%;height:clamp(240px,40vw,460px);margin-top:18px;overflow:hidden;background:linear-gradient(135deg,var(--brand-700) 0%,var(--brand-900) 100%)}
body.lcac .lcac-note-single .note-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
body.lcac .lcac-note-single .note-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,16,101,0) 30%,rgba(46,16,101,.55) 100%);pointer-events:none}
body.lcac .lcac-note-single .note-banner--placeholder{height:clamp(200px,30vw,300px)}
body.lcac .lcac-note-single .note-banner-pattern{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-600) 0%,var(--brand-800) 60%,var(--brand-900) 100%)}
body.lcac .lcac-note-single .note-banner-pattern::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:32px 32px;opacity:.6}
body.lcac .lcac-note-single .note-banner-pattern::after{content:"";position:absolute;top:-80px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,23,.32),transparent 70%);filter:blur(28px)}
body.lcac .lcac-note-single .note-banner-glyph{font-size:clamp(3rem,8vw,5rem);color:rgba(255,255,255,.4);position:relative;z-index:1}

/* Article body — overlapping card, scales padding on mobile */
body.lcac .lcac-note-single .note-article{position:relative;margin-top:-90px;padding-bottom:24px;z-index:2}
body.lcac .lcac-note-single .note-article-inner{max-width:820px;margin:0 auto;background:#fff;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-lg);padding:clamp(24px,4vw,44px);position:relative}
body.lcac .lcac-note-single .note-meta-row{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-bottom:18px}
body.lcac .lcac-note-single .note-cat-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);font-size:.75rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--brand-100);text-decoration:none;transition:.2s}
body.lcac .lcac-note-single .note-cat-badge:hover{background:var(--brand-100);color:var(--brand-900)}
body.lcac .lcac-note-single .note-meta-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--bg-soft);color:var(--ink-2);font-size:.78rem;font-weight:600;border:1px solid var(--line)}
body.lcac .lcac-note-single .note-meta-pill .icon{color:var(--brand-500);font-size:1rem}

/* Title — smooth scaling via clamp */
body.lcac .lcac-note-single .note-title{font-family:var(--font-head);font-size:clamp(1.65rem,4.2vw,2.6rem);line-height:1.15;letter-spacing:-.015em;color:var(--brand-900);margin-bottom:14px;font-weight:700}
body.lcac .lcac-note-single .note-excerpt{font-size:clamp(1rem,1.8vw,1.12rem);color:var(--ink-2);line-height:1.55;margin-bottom:24px;font-style:italic;border-left:3px solid var(--accent);padding-left:16px}

/* Author row — stacks on mobile (avatar+name on one line, actions below) */
body.lcac .lcac-note-single .note-author-row{display:flex;align-items:center;gap:14px;padding:18px 0;margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap}
body.lcac .lcac-note-single .note-author-av{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.95rem;font-weight:700;color:#fff;overflow:hidden}
body.lcac .lcac-note-single .note-author-av img{width:100%;height:100%;object-fit:cover;display:block}
body.lcac .lcac-note-single .note-author-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:140px}
body.lcac .lcac-note-single .note-author-name{font-weight:700;color:var(--brand-900);font-size:.95rem}
body.lcac .lcac-note-single .note-author-meta{font-size:.82rem;color:var(--ink-3);font-weight:500}
body.lcac .lcac-note-single .note-author-meta time{color:var(--ink-2);font-weight:600}
body.lcac .lcac-note-single .note-author-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}

/* ============ NOTE CONTENT TYPOGRAPHY — scales headings on mobile ============ */
body.lcac .lcac-note-content{font-size:clamp(1rem,1.4vw,1.06rem);line-height:1.78;color:var(--ink)}
body.lcac .lcac-note-content > *:first-child{margin-top:0}
body.lcac .lcac-note-content > *:last-child{margin-bottom:0}
body.lcac .lcac-note-content p{margin:0 0 1.2em}
body.lcac .lcac-note-content h2{font-size:clamp(1.3rem,2.6vw,1.55rem);color:var(--brand-900);margin:1.6em 0 .6em;line-height:1.25;font-weight:700;padding-bottom:.3em;border-bottom:1px solid var(--line)}
body.lcac .lcac-note-content h3{font-size:clamp(1.12rem,2vw,1.28rem);color:var(--brand-900);margin:1.4em 0 .5em;line-height:1.3;font-weight:700}
body.lcac .lcac-note-content h4{font-size:1.1rem;color:var(--brand-800);margin:1.2em 0 .4em;font-weight:700}
body.lcac .lcac-note-content ul,body.lcac .lcac-note-content ol{margin:0 0 1.2em;padding-left:1.6em}
body.lcac .lcac-note-content li{margin:0 0 .5em}
body.lcac .lcac-note-content ul li{list-style:disc}
body.lcac .lcac-note-content ol li{list-style:decimal}
body.lcac .lcac-note-content li::marker{color:var(--brand-500)}
body.lcac .lcac-note-content a{color:var(--brand-700);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;transition:color .15s}
body.lcac .lcac-note-content a:hover{color:var(--brand-900)}
body.lcac .lcac-note-content img{max-width:100%;height:auto;border-radius:14px;margin:1.4em auto;display:block;box-shadow:var(--shadow-md)}
body.lcac .lcac-note-content blockquote{margin:1.4em 0;padding:14px 20px;border-left:4px solid var(--accent);background:var(--accent-50);border-radius:0 12px 12px 0;color:var(--ink-2);font-style:italic;line-height:1.6}
body.lcac .lcac-note-content blockquote p{margin:0}
body.lcac .lcac-note-content blockquote cite{display:block;margin-top:8px;font-size:.85rem;font-style:normal;color:var(--ink-3);font-weight:600}
body.lcac .lcac-note-content pre{margin:1.4em 0;padding:16px 18px;background:var(--brand-900);color:#f3eefe;border-radius:14px;overflow-x:auto;font-family:ui-monospace,'SF Mono','Menlo','Consolas',monospace;font-size:.85rem;line-height:1.6;-webkit-overflow-scrolling:touch}
body.lcac .lcac-note-content pre code{background:none;color:inherit;padding:0;font-size:inherit;border-radius:0}
body.lcac .lcac-note-content code{background:var(--brand-50);color:var(--brand-800);padding:2px 6px;border-radius:5px;font-family:ui-monospace,'SF Mono','Menlo','Consolas',monospace;font-size:.88em;border:1px solid var(--brand-100);word-break:break-word}
body.lcac .lcac-note-content hr{margin:2em 0;border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent)}
body.lcac .lcac-note-content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.lcac .lcac-note-content th,body.lcac .lcac-note-content td{padding:10px 14px;border:1px solid var(--line);text-align:left}
body.lcac .lcac-note-content th{background:var(--brand-50);color:var(--brand-900);font-weight:700}
body.lcac .lcac-note-content tbody tr:nth-child(even){background:var(--bg-soft)}

/* ============ SHARE BOX — stacks on mobile ============ */
body.lcac .lcac-note-single .note-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px;padding:18px 20px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:14px}
body.lcac .lcac-note-single .note-share-label{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-900);font-size:.92rem;flex-shrink:0}
body.lcac .lcac-note-single .note-share-label .icon{color:var(--brand-500)}
body.lcac .lcac-note-single .note-share-url{flex:1;min-width:180px;padding:10px 14px;border-radius:10px;border:1px solid var(--brand-200);background:#fff;color:var(--ink-2);font-size:.85rem;font-family:ui-monospace,'SF Mono','Menlo','Consolas',monospace;overflow:hidden;text-overflow:ellipsis}
body.lcac .lcac-note-single .note-share-url:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
body.lcac .lcac-note-single .note-share #noteShareCopy{margin-left:auto;flex-shrink:0}
body.lcac .lcac-note-single .note-share #noteShareCopy.copied{background:var(--accent);color:#2a1d00;box-shadow:0 6px 16px rgba(212,160,23,.3)}

/* ============ RELATED NOTES — same auto-fill grid ============ */
body.lcac .lcac-note-single .note-related{padding:80px 0 24px;background:linear-gradient(180deg,#fff,var(--brand-50));border-top:1px solid var(--line)}
body.lcac .lcac-note-single .note-related .section-head{text-align:center;max-width:680px;margin:0 auto 40px}
body.lcac .lcac-note-single .note-related .kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-600);margin-bottom:12px}
body.lcac .lcac-note-single .note-related h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.01em;color:var(--brand-900)}
body.lcac .lcac-note-single .note-related .notes-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
  gap:24px;
}

/* ============ TOAST ============ */
body.lcac .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--brand-900);color:#fff;padding:12px 20px;border-radius:14px;font-size:.88rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;pointer-events:none;transition:.3s;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);text-align:left}
body.lcac .toast.on{opacity:1;transform:translate(-50%,0)}
body.lcac .toast .icon{color:var(--accent-400)}
body.lcac .toast.err{background:var(--danger)}
body.lcac .toast.err .icon{color:#ffd2cf}

/* ============ REVEAL ANIMATION ============ */
body.lcac .lcac-notes .note-card{opacity:0;transform:translateY(20px);animation:lcacNotRise .5s cubic-bezier(.2,.8,.2,1) forwards}
body.lcac .lcac-notes .note-card:nth-child(1){animation-delay:.04s}
body.lcac .lcac-notes .note-card:nth-child(2){animation-delay:.08s}
body.lcac .lcac-notes .note-card:nth-child(3){animation-delay:.12s}
body.lcac .lcac-notes .note-card:nth-child(4){animation-delay:.16s}
body.lcac .lcac-notes .note-card:nth-child(5){animation-delay:.20s}
body.lcac .lcac-notes .note-card:nth-child(6){animation-delay:.24s}
body.lcac .lcac-notes .note-card:nth-child(n+7){animation-delay:.28s}
@keyframes lcacNotRise{to{opacity:1;transform:none}}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   - 1100px: tablet landscape — grid auto-adapts, hero slightly smaller
   - 980px:  tablet portrait — article padding shrinks
   - 768px:  large mobile / small tablet — hero stacks, form fields stack
   - 600px:  mobile — single-column grid, compact hero, form actions stack
   - 480px:  small mobile — touch-only action buttons (icons only)
   - 375px:  tiny mobile — tighter paddings everywhere
   ============================================================ */

/* ===== TABLET LANDSCAPE (≤1100px) ===== */
@media (max-width:1100px){
  body.lcac .lcac-notes .notes-grid-section{padding:40px 0 56px}
  body.lcac .lcac-notes .note-form{padding:32px 28px}
}

/* ===== TABLET PORTRAIT (≤980px) ===== */
@media (max-width:980px){
  body.lcac .lcac-notes .notes-hero-inner{padding:clamp(40px,7vw,64px) 24px clamp(48px,7vw,80px)}
  body.lcac .lcac-note-single .note-article{margin-top:-72px}
}

/* ===== LARGE MOBILE / SMALL TABLET (≤768px) — major reflow ===== */
@media (max-width:768px){
  /* Hero: search + button stack vertically */
  body.lcac .lcac-notes .notes-hero-bar{flex-direction:column;align-items:stretch;gap:10px}
  body.lcac .lcac-notes .notes-hero-bar .notes-search{min-width:0;flex:1 1 auto}
  body.lcac .lcac-notes .notes-hero-bar .btn{width:100%;justify-content:center}
  body.lcac .lcac-notes .notes-hero-meta{gap:10px 18px}

  /* Form: field rows stack to single column */
  body.lcac .lcac-notes .note-form .field-row{grid-template-columns:1fr;gap:0}
  body.lcac .lcac-notes .note-form .field-row .field{margin-bottom:18px}

  /* Category chips: horizontal scroll on mobile, touch-friendly */
  body.lcac .lcac-notes .filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin:0 -24px;padding:20px 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.lcac .lcac-notes .filters::-webkit-scrollbar{display:none}
  body.lcac .lcac-notes .filters .chip{flex-shrink:0}

  /* Single note: author row stacks (avatar+name top, actions full-width below) */
  body.lcac .lcac-note-single .note-author-row{align-items:flex-start}
  body.lcac .lcac-note-single .note-author-actions{margin-left:0;width:100%;margin-top:4px}
  body.lcac .lcac-note-single .note-author-actions .btn{flex:1;justify-content:center}

  /* Share box: stacks vertically, copy button full-width */
  body.lcac .lcac-note-single .note-share{flex-direction:column;align-items:stretch}
  body.lcac .lcac-note-single .note-share-url{width:100%}
  body.lcac .lcac-note-single .note-share #noteShareCopy{margin-left:0;width:100%;justify-content:center}

  /* Related notes: 1 column on narrow screens */
  body.lcac .lcac-note-single .note-related .notes-grid{grid-template-columns:1fr;gap:20px}
}

/* ===== MOBILE (≤600px) — compact hero, single column ===== */
@media (max-width:600px){
  /* Tighter container padding */
  body.lcac .lcac-notes .container,
  body.lcac .lcac-note-single .container{padding:0 18px}

  /* Hero: drastically reduced padding on mobile */
  body.lcac .lcac-notes .notes-hero-inner{padding:32px 18px 40px}
  body.lcac .lcac-notes .notes-hero .eyebrow{margin-bottom:16px;padding:6px 12px;font-size:.74rem}
  body.lcac .lcac-notes .notes-hero h1{margin-bottom:14px}
  body.lcac .lcac-notes .notes-hero p.lead{margin-bottom:22px}
  body.lcac .lcac-notes .notes-hero-meta{gap:8px 14px}

  /* Search bar slightly shorter on mobile for thumb reach */
  body.lcac .lcac-notes .notes-search input{height:50px;padding-left:46px}
  body.lcac .lcac-notes .notes-search .icon{left:16px;font-size:1.05rem}
  body.lcac .lcac-notes .notes-hero-bar .btn-primary,
  body.lcac .lcac-notes .notes-hero-bar .btn-outline{height:50px}

  /* Notes grid: explicit single column on small mobile (auto-fill would
     also give 1 col here, but explicit is safer for the gap + padding) */
  body.lcac .lcac-notes .notes-grid{grid-template-columns:1fr;gap:20px}
  body.lcac .lcac-notes .notes-grid-section{padding:32px 0 48px}

  /* Form: full padding shrink, actions stack */
  body.lcac .lcac-notes .note-form{padding:24px 18px 22px;border-radius:18px}
  body.lcac .lcac-notes .note-form-actions{flex-direction:column-reverse;align-items:stretch;gap:10px}
  body.lcac .lcac-notes .note-form-actions .btn{width:100%;justify-content:center}
  body.lcac .lcac-notes .note-form #noteContent{min-height:220px;font-size:.88rem}

  /* Pagination: stack vertically (prev → numbers → next) */
  body.lcac .lcac-notes .notes-pagination-inner{flex-direction:column;gap:12px}
  body.lcac .lcac-notes .pg-prev,body.lcac .lcac-notes .pg-next{width:100%;justify-content:center}
  body.lcac .lcac-notes .notes-pagination{padding:28px 0}

  /* Empty state tighter */
  body.lcac .lcac-notes .notes-empty{padding:48px 18px}

  /* Single note: smaller overlap, tighter article padding */
  body.lcac .lcac-note-single .note-back-wrap{padding:18px 0 0}
  body.lcac .lcac-note-single .note-article{margin-top:-54px}
  body.lcac .lcac-note-single .note-article-inner{padding:24px 20px 28px;border-radius:18px}
  body.lcac .lcac-note-single .note-related{padding:56px 0 16px}
}

/* ===== SMALL MOBILE (≤480px) — touch-optimized, icon-only actions ===== */
@media (max-width:480px){
  /* Card action buttons: icon-only (no text labels) to save space */
  body.lcac .lcac-notes .note-card-actions,
  body.lcac .lcac-note-single .note-card-actions{opacity:1;transform:none;gap:6px}
  body.lcac .lcac-notes .note-card-actions .note-action span,
  body.lcac .lcac-note-single .note-card-actions .note-action span{display:none}
  body.lcac .lcac-notes .note-action,
  body.lcac .lcac-note-single .note-action{padding:9px 11px;min-height:var(--tap);min-width:var(--tap)}

  /* Card body slightly tighter */
  body.lcac .lcac-notes .note-card-body,
  body.lcac .lcac-note-single .note-card-body{padding:16px 16px 16px}
  body.lcac .lcac-notes .note-card-foot,
  body.lcac .lcac-note-single .note-card-foot{gap:10px;font-size:.74rem}

  /* Single note meta pills: smaller, still touch-friendly */
  body.lcac .lcac-note-single .note-meta-row{gap:6px}
  body.lcac .lcac-note-single .note-meta-pill{font-size:.72rem;padding:5px 10px}
  body.lcac .lcac-note-single .note-cat-badge{font-size:.7rem;padding:5px 10px}

  /* Image dropzone: stack icon + text vertically to save horizontal space */
  body.lcac .lcac-notes .note-image-dropzone{flex-direction:column;text-align:center;gap:10px;padding:22px 16px}
  body.lcac .lcac-notes .note-image-drop-text{align-items:center}

  /* Form section padding tighter */
  body.lcac .lcac-notes .notes-form-section{padding:32px 0 40px}
}

/* ===== TINY MOBILE (≤375px) — last-mile tightening ===== */
@media (max-width:375px){
  body.lcac .lcac-notes .container,
  body.lcac .lcac-note-single .container{padding:0 14px}

  /* Hero: minimum viable padding */
  body.lcac .lcac-notes .notes-hero-inner{padding:28px 14px 34px}
  body.lcac .lcac-notes .notes-hero .eyebrow{margin-bottom:14px}

  /* Card cover stays 16:9 but body padding tightens */
  body.lcac .lcac-notes .note-card-body,
  body.lcac .lcac-note-single .note-card-body{padding:14px 14px 14px}

  /* Article card padding minimum */
  body.lcac .lcac-note-single .note-article-inner{padding:22px 16px 26px}

  /* Pagination links: ensure 44px tap target stays */
  body.lcac .lcac-notes .pg-link{min-width:var(--tap);padding:0 10px}

  /* Toast: full width minus margins */
  body.lcac .toast{left:12px;right:12px;bottom:16px;transform:translateY(20px);max-width:none}
  body.lcac .toast.on{transform:none}
}

/* ============ FILE ATTACHMENTS (v2.9.3) ============ */
body.lcac .lcac-notes .note-files-upload,
body.lcac .lcac-note-single .note-files-upload{margin-top:4px}
body.lcac .lcac-notes .note-files-dropzone,
body.lcac .lcac-note-single .note-files-dropzone{display:flex;align-items:center;gap:14px;padding:18px 22px;border:2px dashed var(--brand-200);border-radius:14px;background:var(--brand-50);cursor:pointer;transition:.2s;min-height:var(--tap,44px)}
body.lcac .lcac-notes .note-files-dropzone:hover,
body.lcac .lcac-note-single .note-files-dropzone:hover{border-color:var(--brand-400);background:var(--brand-100)}
body.lcac .lcac-notes .note-files-drop-icon,
body.lcac .lcac-note-single .note-files-drop-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand-600);color:#fff;font-size:1.4rem;flex-shrink:0}
body.lcac .lcac-notes .note-files-drop-text b,
body.lcac .lcac-note-single .note-files-drop-text b{display:block;font-size:.92rem;color:var(--brand-900);font-weight:600}
body.lcac .lcac-notes .note-files-drop-text small,
body.lcac .lcac-note-single .note-files-drop-text small{display:block;font-size:.76rem;color:var(--ink-3);margin-top:2px}
body.lcac .lcac-notes .note-files-list,
body.lcac .lcac-note-single .note-files-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}
body.lcac .lcac-notes .note-file-item,
body.lcac .lcac-note-single .note-file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.85rem}
body.lcac .lcac-notes .note-file-item .note-file-ic,
body.lcac .lcac-note-single .note-file-item .note-file-ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}
body.lcac .lcac-notes .note-file-item .note-file-nm,
body.lcac .lcac-note-single .note-file-item .note-file-nm{flex:1;min-width:0;font-weight:600;color:var(--brand-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lcac .lcac-notes .note-file-item .note-file-sz,
body.lcac .lcac-note-single .note-file-item .note-file-sz{font-size:.74rem;color:var(--ink-3);flex-shrink:0}
body.lcac .lcac-notes .note-file-item .note-file-rm,
body.lcac .lcac-note-single .note-file-item .note-file-rm{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--danger);cursor:pointer;font-size:1rem;display:grid;place-items:center;flex-shrink:0}
body.lcac .lcac-notes .note-file-item .note-file-rm:hover,
body.lcac .lcac-note-single .note-file-item .note-file-rm:hover{background:#fde9e7}
/* Single note page — attachments section */
body.lcac .lcac-note-single .note-attachments{margin:28px 0;padding:24px;background:var(--bg-soft);border-radius:var(--radius);border:1px solid var(--line)}
body.lcac .lcac-note-single .note-attachments h3{font-size:1.1rem;color:var(--brand-900);margin-bottom:16px;display:flex;align-items:center;gap:8px}
body.lcac .lcac-note-single .note-attachments h3 .icon{color:var(--brand-600)}
body.lcac .lcac-note-single .note-attachments-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
body.lcac .lcac-note-single .note-att-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;transition:.2s}
body.lcac .lcac-note-single .note-att-card:hover{border-color:var(--brand-400);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
body.lcac .lcac-note-single .note-att-card .note-att-ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}
body.lcac .lcac-note-single .note-att-card .note-att-nm{flex:1;min-width:0;font-weight:600;font-size:.86rem;color:var(--brand-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lcac .lcac-note-single .note-att-card .note-att-sz{font-size:.74rem;color:var(--ink-3);flex-shrink:0}
body.lcac .lcac-note-single .note-att-card .note-att-dl{color:var(--brand-600);font-size:1.2rem;flex-shrink:0}
/* File type colors */
body.lcac .note-file-ic.t-pdf,body.lcac .note-att-ic.t-pdf{background:#fde9e7;color:#d9453c}
body.lcac .note-file-ic.t-doc,body.lcac .note-att-ic.t-doc{background:#e6eefb;color:#1d56a6}
body.lcac .note-file-ic.t-xls,body.lcac .note-att-ic.t-xls{background:#e7f6ee;color:#1a9a5f}
body.lcac .note-file-ic.t-zip,body.lcac .note-att-ic.t-zip{background:#fff4d6;color:#c98700}
body.lcac .note-file-ic.t-img,body.lcac .note-att-ic.t-img{background:#ede9fe;color:#7c3aed}
body.lcac .note-file-ic.t-oth,body.lcac .note-att-ic.t-oth{background:#eef1f6;color:#5b6b82}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion:reduce){
  body.lcac .lcac-notes *,
  body.lcac .lcac-note-single *{animation:none!important;transition:none!important}
  body.lcac .lcac-notes .note-card{opacity:1;transform:none}
}