/* Ready for Life — data-driven quest template (lane.html / quest.html).
   Consolidates the inline styles from the old lanes/money.html + lanes/home.html. */
.train-hero{background:linear-gradient(135deg,#0f766e22,#e8b86d33);border:1px solid #0f766e55;border-radius:16px;padding:1.1rem 1.2rem;margin:1rem 0 1.25rem}
.train-hero h2{margin:0.2rem 0 0.4rem;font-size:1.35rem}
.mentor-grid{display:grid;gap:0.75rem;grid-template-columns:1fr;margin:0.75rem 0}
@media(min-width:720px){.mentor-grid{grid-template-columns:1fr 1fr}}
.mentor-card{border:1px solid #e5e7eb;border-radius:12px;padding:0.9rem 1rem;background:#fff}
.mentor-card h3{margin:0 0 0.35rem;font-size:1.05rem}
.mentor-card .who{color:#0f766e;font-weight:600;font-size:0.85rem;margin-bottom:0.35rem}
.muted{color:#6b7280;font-size:0.9rem}
.tag-friend{display:inline-block;background:#0f766e;color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:.03em;padding:0.2rem 0.55rem;border-radius:999px;margin-right:0.35rem}
.tag-later{display:inline-block;background:#e8b86d;color:#111827;font-size:0.75rem;font-weight:700;letter-spacing:.03em;padding:0.2rem 0.55rem;border-radius:999px;margin-right:0.35rem}
.tag-soon{display:inline-block;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;font-size:0.72rem;font-weight:700;letter-spacing:.03em;padding:0.15rem 0.5rem;border-radius:999px}
.parent-watch{margin:0.75rem 0;padding:0.9rem 1rem;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1}
.parent-watch strong{display:block;margin-bottom:0.25rem}
.qcard ul{padding-left:1.1rem;margin:0.4rem 0}
.qcard ul li{margin:0.25rem 0}
.qcard li p{margin:0.15rem 0}
.pace-chip{display:inline-block;background:#fff8eb;color:#92400e;border:1px solid #f0dfb8;font-size:11px;font-weight:700;padding:3px 7px;border-radius:999px;margin-left:4px;vertical-align:middle}
.qcard h2 .pill-soft{vertical-align:middle}

/* Interactive notes bar: Learn for · Look for · Ignore */
.notes-bar{margin:0.8rem 0 0.2rem;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.notes-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:6px;background:#f8fafc;border-bottom:1px solid var(--line)}
.notes-tab{font:inherit;font-size:0.8rem;font-weight:700;border:1px solid transparent;background:transparent;color:#475569;padding:6px 10px;border-radius:8px;cursor:pointer}
.notes-tab[aria-selected="true"]{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
.notes-tab .count{display:inline-block;margin-left:4px;font-size:0.72rem;color:#0f766e}
.notes-panel{padding:10px 14px 12px}
.notes-sec{margin:0.2rem 0 0.7rem}
.notes-sec:last-child{margin-bottom:0.1rem}
.notes-sec h4{margin:0 0 0.3rem;font-size:0.82rem;letter-spacing:.02em;text-transform:uppercase;color:#475569}
.notes-sec.is-hidden{display:none}
.notes-sec ul{list-style:none;padding-left:0;margin:0}
.notes-sec li{position:relative;padding-left:1.35rem;margin:0.3rem 0}
.notes-sec.learn li::before{content:"•";position:absolute;left:0.35rem;color:#0f766e;font-weight:800}
.notes-sec.ignore li{color:#6b7280}
.notes-sec.ignore li::before{content:"✕";position:absolute;left:0.2rem;color:#b42318;font-size:0.8rem;top:0.1rem}
.notes-sec.look li{padding-left:0}
.lookfor-item{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.lookfor-item input{margin-top:0.3rem;accent-color:#0f766e;flex-shrink:0;width:16px;height:16px}
.lookfor-item.is-checked span{color:#0f766e}
.spotted{font-size:0.75rem;font-weight:700;color:#0f766e;margin-left:6px;text-transform:none;letter-spacing:0}

/* takeaway + CTAs (unchanged look) */
.takeaway{margin-top:1rem;padding:0.9rem 1rem;border-radius:12px;background:#f0fdfa;border:1px solid #99f6e4}
.takeaway label{display:block;font-weight:700;font-size:0.92rem;margin-bottom:0.35rem}
.takeaway textarea{box-sizing:border-box;width:100%;min-height:72px;font:inherit;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;resize:vertical}
.takeaway .takeaway-actions{display:flex;align-items:center;gap:0.75rem;margin-top:0.5rem;flex-wrap:wrap}
.takeaway .btn-save{font:inherit;font-weight:700;font-size:0.85rem;padding:8px 14px;border-radius:8px;border:1px solid #0f766e;background:#fff;color:#0f766e;cursor:pointer}
.takeaway .save-ack{font-size:0.82rem;color:#0f766e;font-weight:600;opacity:0;transition:opacity .2s}
.takeaway .save-ack.show{opacity:1}
.quest-actions{display:grid;gap:0.5rem;margin-top:0.85rem}
.quest-actions .cta{margin-top:0;width:100%;border:none;cursor:pointer;font:inherit}
.quest-actions .cta.watch-mark,.quest-actions .cta.day7{background:#fff;border:1px solid #e5e7eb;color:#111827;font-weight:700}
.quest-actions .cta.watch-mark.is-done,.quest-actions .cta.day7.is-done{border-color:#0f766e;color:#0f766e;background:#ecfdf5}
.quest-actions .cta.quest-next{background:#e8b86d;color:#111827;font-weight:800}
.next-hint{font-size:0.82rem;color:#6b7280;margin:0.25rem 0 0;text-align:center}

/* lane progress + map */
.lane-progress{display:flex;align-items:center;gap:10px;margin:0.4rem 0 0.2rem;font-size:0.85rem;color:#475569;font-weight:600}
.lane-progress .bar{flex:1;height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden;max-width:260px}
.lane-progress .bar i{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#e8b86d);border-radius:999px}
.map-card h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.skill-map,.qcard .skill-map{list-style:none;padding:0;margin:8px 0 0}
.skill-map li{margin:0;border-top:1px solid #f1f5f9}
.skill-map li:first-child{border-top:0}
.skill-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:8px 4px;text-decoration:none;color:inherit;border-radius:8px}
a.skill-row:hover{background:#f8fafc}
.skill-num{font-weight:800;color:#0f766e;font-size:0.85rem;text-align:center;background:#ecfdf5;border-radius:8px;padding:4px 0}
.skill-row.is-soon .skill-num{background:#f1f5f9;color:#64748b}
.skill-title{font-size:0.92rem;font-weight:600}
.skill-title small{display:block;font-weight:500;color:#6b7280;font-size:0.78rem}
.skill-state{font-size:0.75rem;font-weight:700;white-space:nowrap;padding:3px 8px;border-radius:999px}
.st-done{background:#ecfdf5;color:#0f766e}
.st-current{background:#e8b86d;color:#111827}
.st-locked{background:#f8fafc;color:#64748b;border:1px solid #e5e7eb}
.st-soon{background:#f1f5f9;color:#475569;border:1px dashed #cbd5e1}
.soon-card{border-style:dashed}
.soon-card .ph-card{opacity:0.85}

/* all-lanes index */
.lane-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:760px){.lane-grid{grid-template-columns:1fr 1fr}}
.lane-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}
.lane-tile.is-live{outline:2px solid rgba(15,118,110,0.25)}
.lane-tile h3{margin:0;font-size:1.02rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lane-tile h3 a{text-decoration:none;color:inherit}
.lane-tile .meta{color:#6b7280;font-size:0.82rem;margin:2px 0 6px}
.lane-tile p{margin:0.3rem 0;font-size:0.9rem}
.lane-tile details summary{cursor:pointer;font-size:0.85rem;font-weight:700;color:#0f766e;margin-top:6px}
.lane-tile .skill-row{grid-template-columns:44px 1fr auto;padding:5px 2px}
.load-err{padding:14px;border-radius:12px;background:#fff7f5;border:1px solid #f0c2b6}
@media print{.notes-sec.is-hidden{display:block}.notes-tabs,.quest-actions,.takeaway .takeaway-actions{display:none}}

/* 2026-09-30 feedback: requirement chips (Car), lane note, Parent-picked extras */
.req-line{margin:0.1rem 0 0.5rem}
.req-chip{display:inline-block;font-size:0.72rem;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:999px;vertical-align:middle;white-space:nowrap}
.req-ok{background:#ecfdf5;color:#0f766e;border:1px solid #99f6e4}
.req-permit{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.skill-title small .req-chip{font-size:0.68rem;padding:1px 6px;margin-top:2px}
.lane-note{margin:0.5rem 0 0.75rem;padding:0.75rem 0.9rem;border-radius:12px;background:#f8fafc;border:1px solid var(--line);font-size:0.9rem;line-height:1.55}
.lane-note .req-chip{white-space:normal}
details.extras{margin-top:1rem;border:1px dashed #cbd5e1;border-radius:12px;background:#fcfcfd;padding:0.6rem 0.9rem}
details.extras > summary{cursor:pointer;font-weight:800;font-size:0.92rem;color:#334155;list-style-position:inside}
details.extras > summary .count{display:inline-block;margin-left:4px;font-size:0.72rem;color:#0f766e}
details.extras[open] > summary{margin-bottom:0.4rem}
.extras-intro{margin:0.2rem 0 0.6rem}
.extra-item{border-top:1px solid #eef2f7;padding:0.6rem 0}
.extra-item:first-of-type{border-top:0}
.extra-item .who{color:#0f766e;font-weight:600;font-size:0.82rem}
.extra-item h4{margin:0.15rem 0 0.25rem;font-size:0.98rem}
.extra-item p{margin:0.2rem 0}