/* ─── beginners' section ─── */
.ln-hero .h1{max-width:22ch;}
.ln-answer{margin-top:22px;max-width:760px;background:#fff;border-radius:var(--r);padding:20px 22px;box-shadow:0 0 0 1px var(--hair) inset,var(--shadow);}
.ln-answer b{display:block;font-size:14px;color:var(--accent);margin-bottom:6px;}
.ln-answer p{margin:0;font-size:19px;line-height:1.6;color:var(--ink);}
.ln-body section p,.ln-body section li{font-size:17.5px;line-height:1.75;color:var(--ink-2);}
.ln-body section h3{font-size:20px;margin:26px 0 8px;color:var(--ink);}
.ln-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:18px 0;font-size:15.5px;border-radius:14px;box-shadow:0 0 0 1px var(--hair) inset;}
.ln-body th,.ln-body td{padding:11px 14px;text-align:right;vertical-align:top;border-bottom:1px solid var(--hair);min-width:110px;}
.ln-body th{background:var(--bg-alt);font-weight:600;}
.ln-body .note{margin:18px 0;}
.ln-steps li b{display:block;color:var(--ink);margin-bottom:2px;}
.ln-card{display:flex;flex-direction:column;gap:10px;}
.ln-card h3{margin:6px 0 0;font-size:19px;line-height:1.3;}
.ln-card p{margin:0;color:var(--ink-2);font-size:15.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ln-card .foot{margin-top:auto;}
.ln-links{display:grid;gap:10px;}
.ln-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 0 0 1px var(--hair) inset;color:var(--ink);font-weight:600;}
.ln-links a:hover{text-decoration:none;box-shadow:0 0 0 2px var(--accent) inset;}
.ln-links .ic{width:18px;height:18px;color:var(--accent);}
.ln-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px;}
.ln-pn a{display:flex;flex-direction:column;gap:4px;background:var(--bg-alt);border-radius:18px;padding:16px 18px;color:var(--ink);font-weight:600;line-height:1.35;}
.ln-pn a small{font-size:13px;color:var(--muted);font-weight:500;}
.ln-pn a.nx{text-align:left;}
.ln-pn a:hover{text-decoration:none;background:#ebebf0;}
.ln-body a[href^="http"],.ln-body p,.ln-body li{overflow-wrap:anywhere;}
@media (max-width:640px){ .ln-pn{grid-template-columns:1fr;} .ln-pn a.nx{text-align:right;} .ln-answer p{font-size:17.5px;} }

.ln-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.ln-mode{background:#fff;border-radius:20px;padding:20px;box-shadow:0 0 0 1px var(--hair) inset,var(--shadow);display:flex;flex-direction:column;gap:8px;}
.ln-mode h3{margin:0;font-size:20px;color:var(--ink);}
.ln-mode p{margin:0;font-size:16px !important;}
.ln-mode .when b{color:var(--ink);}
.ln-mode .ex{margin-top:auto;background:var(--bg-alt);border-radius:12px;padding:10px 12px;font-size:14.5px;line-height:1.55;color:var(--ink-2);}
.ln-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;}
.ln-set{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 0 0 1px var(--hair) inset;display:flex;flex-direction:column;gap:6px;}
.ln-set .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ln-set b{font-size:16px;color:var(--ink);}
.ln-set code{font-size:13px;color:var(--ink-2);background:var(--bg-alt);border-radius:8px;padding:4px 8px;direction:ltr;unicode-bidi:isolate;align-self:flex-start;max-width:100%;overflow-wrap:anywhere;}
.ln-set p{margin:0;font-size:15px !important;line-height:1.55 !important;}
.ln-set small{color:var(--muted);font-size:12.5px;}
.act{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;}
.act.a-on{background:rgba(29,138,78,.12);color:var(--ok);} .act.a-off{background:rgba(201,48,44,.1);color:#c9302c;} .act.a-dep{background:var(--bg-alt);color:var(--ink-2);}
@media (max-width:700px){ .ln-settings{grid-template-columns:minmax(0,1fr);} }
/* screenshot placeholders stay invisible until the real screenshot is added */
.shot-todo{display:none;}
.act.a-req{background:rgba(0,113,227,.12);color:#0058b0;}