/* =====================================================
   THE DAILY CIPHER — DEEP LEARN SYSTEM
   Complete from-scratch cipher guides
===================================================== */
.deep-guide-shell{max-width:1180px;margin:0 auto 80px}.deep-hero{padding:72px 0 34px;text-align:center}.deep-hero h1{margin:12px 0 14px;font-size:clamp(42px,7vw,72px);line-height:1;letter-spacing:-2px}.deep-hero>p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.7}.deep-hero .quick-grid{max-width:900px;margin:28px auto 0;text-align:left}.deep-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.deep-toc{position:sticky;top:18px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.deep-toc-title{margin-bottom:8px;color:var(--primary-hover);font-size:9px;font-weight:900;letter-spacing:1.6px}.deep-toc a{display:block;padding:8px 9px;border-left:2px solid transparent;border-radius:6px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.25}.deep-toc a:hover,.deep-toc a.active{border-left-color:var(--primary);background:var(--surface-light);color:var(--text)}.deep-toc-note{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;line-height:1.5}.deep-content{min-width:0}.deep-card{scroll-margin-top:20px;margin-bottom:16px;padding:clamp(22px,4vw,34px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.deep-card h2{margin:7px 0 18px;font-size:clamp(23px,4vw,31px);line-height:1.2}.deep-card h3{margin:22px 0 10px;font-size:16px}.deep-card p,.deep-card li{color:var(--muted);line-height:1.72}.section-kicker{color:var(--primary-hover);font-size:9px;font-weight:900;letter-spacing:1.7px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick-item{padding:13px 14px;background:var(--background);border:1px solid var(--border);border-radius:10px}.quick-item span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.quick-item strong{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.deep-rule-note,.deep-note{margin-top:17px;padding:15px 17px;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:10px;background:var(--background)}.deep-rule-note strong,.deep-note strong{font-size:11px}.deep-rule-note p,.deep-note p{margin:6px 0 0;font-size:11px;line-height:1.55}.deep-list{margin:0;padding-left:22px}.deep-list li+li{margin-top:10px}.deep-steps{display:grid;gap:10px}.deep-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:15px;background:var(--background);border:1px solid var(--border);border-radius:11px}.deep-step-num{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--primary);color:#fff;font-weight:900}.deep-step h3{margin:1px 0 5px;font-size:14px}.deep-step p{margin:0;font-size:12px}.deep-table-wrap{width:100%;overflow-x:auto;margin:12px 0}.deep-table{width:100%;border-collapse:separate;border-spacing:4px;min-width:520px}.deep-table th,.deep-table td{padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:var(--background);text-align:left;font-size:11px;line-height:1.4}.deep-table th{color:var(--primary-hover);font-weight:900}.deep-table td{color:var(--text)}.deep-table.compact-two{max-width:520px;min-width:330px}.deep-table.compact-four{min-width:480px}.alphabet-table{min-width:930px}.alphabet-table th,.alphabet-table td{text-align:center;padding:8px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.porta-table td:nth-child(2){font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.3px}.deep-caption{margin:8px 0 0!important;font-size:10px!important}.deep-code{padding:15px;background:var(--background);border:1px solid var(--border);border-radius:10px;color:var(--text);font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto}.worked-box{display:grid;gap:7px;padding:16px;background:var(--background);border:1px solid var(--border);border-radius:12px}.worked-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid rgba(156,163,175,.12)}.worked-row:last-child{border-bottom:0}.worked-row>span{color:var(--primary-hover);font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.worked-row>div{color:var(--muted);font-size:12px;line-height:1.6}.worked-row code,.deep-card code{padding:2px 5px;border-radius:5px;background:var(--surface-light);color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.mistake-grid,.speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mistake-item,.speed-item{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px;background:var(--background);border:1px solid var(--border);border-radius:10px}.mistake-item>span,.speed-item>span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px;background:rgba(248,113,113,.12);color:var(--danger);font-weight:900}.speed-item>span{background:rgba(99,102,241,.16);color:var(--primary-hover)}.mistake-item p,.speed-item p{margin:2px 0 0;font-size:11px;line-height:1.55}.poly-grid{display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:5px;max-width:430px}.poly-grid>div,.square-five>div{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--border);border-radius:7px;background:var(--background);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.poly-grid .poly-head{color:var(--primary-hover);font-weight:900}.square-five{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px;max-width:360px}.interactive-card>p{max-width:750px}.lab-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.deep-secondary-button{display:flex;align-items:center;justify-content:center;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:900}.deep-secondary-button:hover{border-color:var(--primary);color:var(--primary-hover)}.deep-visualizer-frame{display:block;width:100%;min-height:980px;border:1px solid var(--border);border-radius:14px;background:#030712}.guide-end-nav{display:flex;justify-content:space-between;gap:10px;padding:8px 4px;color:var(--muted);font-size:11px;font-weight:800}.guide-end-nav a:hover{color:var(--primary-hover)}
@media(max-width:900px){.deep-layout{grid-template-columns:1fr}.deep-toc{position:relative;top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.deep-toc-title,.deep-toc-note{grid-column:1/-1}.deep-toc a{border-left:0;border-bottom:2px solid transparent}.deep-toc a.active{border-left:0;border-bottom-color:var(--primary)}.deep-visualizer-frame{min-height:1080px}}
@media(max-width:650px){.deep-hero{padding-top:50px}.deep-hero h1{font-size:clamp(36px,12vw,52px)}.quick-grid,.mistake-grid,.speed-grid,.lab-actions{grid-template-columns:1fr}.deep-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.worked-row{grid-template-columns:1fr;gap:4px}.deep-card{padding:20px 16px}.deep-step{grid-template-columns:36px minmax(0,1fr);padding:12px}.deep-visualizer-frame{min-height:1220px}}
@media(prefers-reduced-motion:reduce){.deep-toc a{scroll-behavior:auto}}


/* =====================================================
   BEGINNER-COMPLETE GUIDE ADDITIONS v4
===================================================== */
.beginner-promise,
.reference-completeness,
.quick-use-note {
    margin-top: 18px;
    padding: 15px 17px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(99,102,241,.10), rgba(17,24,39,0));
}
.beginner-promise strong,
.reference-completeness strong,
.quick-use-note strong { color: var(--text); font-size: 11px; }
.beginner-promise p,
.reference-completeness,
.quick-use-note { color: var(--muted); font-size: 11px; line-height: 1.65; }
.beginner-promise p { margin: 6px 0 0; }
.glossary-table td:first-child { color: var(--primary-hover); font-weight: 900; white-space: nowrap; }
.problem-format-table td:first-child { width: 150px; color: var(--primary-hover); font-weight: 900; }
.beginner-check {
    margin-top: 20px;
    padding: 17px;
    border: 1px solid rgba(52,211,153,.35);
    border-radius: 12px;
    background: rgba(52,211,153,.06);
}
.beginner-check-title { color: var(--success); font-size: 9px; font-weight: 900; letter-spacing: 1.5px; }
.beginner-check p { margin: 8px 0; font-size: 11px; }
.beginner-check ul { margin: 0; padding-left: 20px; }
.beginner-check li { font-size: 11px; }
.learn-pathway {
    width: min(1100px, calc(100% - 32px));
    margin: 0 auto 28px;
    padding: clamp(22px, 4vw, 34px);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
}
.learn-pathway h2 { margin: 7px 0 8px; font-size: clamp(24px, 4vw, 34px); }
.learn-pathway > p { margin: 0 0 18px; max-width: 760px; color: var(--muted); line-height: 1.65; }
.learn-pathway-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.learn-pathway-grid article { padding: 15px; border: 1px solid var(--border); border-radius: 11px; background: var(--background); }
.learn-pathway-grid article > span { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-bottom: 10px; border-radius: 8px; background: var(--primary); color: #fff; font-size: 12px; font-weight: 900; }
.learn-pathway-grid strong { display: block; font-size: 12px; }
.learn-pathway-grid p { margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
@media (max-width: 800px) { .learn-pathway-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 520px) { .learn-pathway-grid { grid-template-columns: 1fr; } .problem-format-table td:first-child { width: auto; } }