:root{--field:#17231d;--field-2:#213128;--canvas:#ece7d6;--paper:#f5f0df;--moss:#6f8547;--moss-bright:#a9c866;--rust:#b85c35;--sand:#cdbb8b;--ink-field:#18211c}
.survival-page{background:var(--canvas);color:var(--ink-field)}
.survival-hero{position:relative;overflow:hidden;padding:100px clamp(24px,8vw,124px) 88px;color:#f7f1dd;background:linear-gradient(135deg,rgba(10,20,14,.96),rgba(30,50,36,.91)),repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,255,255,.025) 14px 15px)}
.survival-hero:after{content:"";position:absolute;right:-85px;bottom:-140px;width:390px;height:390px;border:1px solid rgba(206,226,158,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(206,226,158,.035),0 0 0 88px rgba(206,226,158,.025)}
.field-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:7px 11px;border:1px solid rgba(210,226,172,.45);border-radius:3px;color:#d9e8b6;font:800 11px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.field-label:before{content:"";width:22px;height:2px;background:var(--moss-bright)}
.survival-hero h1{max-width:900px;margin-bottom:24px;font-size:clamp(43px,6vw,80px)}
.survival-hero h1 em{color:#bed77c;font-style:normal}
.survival-hero>p{position:relative;z-index:1;max-width:760px;margin-bottom:0;color:#d2dbcf;font-size:19px}
html:not([data-theme="dark"]) body.survival-page .survival-hero h1{color:#f7f1dd!important}
html:not([data-theme="dark"]) body.survival-page .survival-hero h1 em{color:#bed77c!important}
.field-nav{display:flex;flex-wrap:wrap;gap:10px;padding:24px clamp(24px,8vw,124px);background:#101a15;color:#ecf0e5;border-top:1px solid #3a4e3f;border-bottom:1px solid #3a4e3f}
.field-nav a{padding:8px 12px;border:1px solid #4c6352;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.field-nav a:hover{color:#18211c;background:var(--moss-bright);border-color:var(--moss-bright)}
.survival-section{padding:90px clamp(24px,8vw,124px)}
.survival-section.dark{color:#eef2e9;background:var(--field)}
.survival-heading{max-width:860px;margin:0 auto 48px;text-align:center}
.survival-heading .field-label{color:#546738;border-color:#879769}
.dark .survival-heading .field-label{color:#cce49a;border-color:#647853}
.survival-heading h2{font-size:clamp(34px,4vw,56px);margin-bottom:18px}
.survival-heading p{color:#5b675f;font-size:18px}
.dark .survival-heading p{color:#b7c5ba}
.priority-alert{max-width:1080px;margin:0 auto 36px;padding:23px 26px;border-left:6px solid var(--rust);background:#fff8e8;box-shadow:0 10px 30px rgba(38,42,31,.08)}
.priority-alert strong{display:block;margin-bottom:6px;color:#8a321f;font:800 17px Manrope,sans-serif;text-transform:uppercase}
.method-grid,.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:0 auto}
.method-card,.skill-card{position:relative;padding:29px;border:1px solid #c8c1aa;background:var(--paper);box-shadow:0 12px 28px rgba(37,42,31,.07)}
.method-card:before{content:attr(data-step);position:absolute;right:18px;top:13px;color:#a59b7d;font:800 11px Manrope,sans-serif;letter-spacing:.12em}
.method-card h3,.skill-card h3{font-size:23px;margin:7px 0 13px}
.method-card p,.skill-card p{color:#4e5a52;font-size:15px}
.method-card ol,.method-card ul,.skill-card ul{margin:0;padding-left:20px}
.method-card li,.skill-card li{margin:8px 0}
.method-card.highlight{border-color:#7a914d;box-shadow:inset 0 4px 0 var(--moss),0 12px 28px rgba(37,42,31,.07)}
.bleach-table-wrap{max-width:930px;margin:35px auto 0;overflow-x:auto;border:1px solid #b6ad91;background:#fffaf0}
.bleach-table{width:100%;border-collapse:collapse;min-width:650px}
.bleach-table caption{padding:20px;color:#f8f3e4;background:#34452e;font:800 18px Manrope,sans-serif;text-align:left}
.bleach-table th,.bleach-table td{padding:14px 18px;border-bottom:1px solid #d8d1bc;text-align:left}
.bleach-table th{background:#e2dcc7;font-size:13px;text-transform:uppercase;letter-spacing:.07em}
.bleach-note{max-width:930px;margin:14px auto 0;color:#4d574e;font-size:13px}
.sequence{display:grid;grid-template-columns:repeat(4,1fr);max-width:1160px;margin:0 auto 44px;border:1px solid #566b59}
.sequence article{padding:26px;border-right:1px solid #566b59;text-align:center}
.sequence article:last-child{border-right:0}
.sequence span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 13px;border:1px solid #91ad78;border-radius:50%;color:#d5e9b7;font-weight:800}
.sequence h3{font-size:18px;margin-bottom:8px}.sequence p{margin:0;color:#b9c7bc;font-size:13px}
.skill-grid{grid-template-columns:repeat(2,1fr)}
.skill-card{border-color:#4a5f4e;color:#eff3ec;background:var(--field-2);box-shadow:none}
.skill-card p,.skill-card li{color:#bdc9c0}
.skill-card .tag{display:inline-block;padding:4px 8px;border-radius:2px;color:#17231d;background:#b8d17c;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.knot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.knot{padding:15px;border:1px dashed #607663;background:#1b2a22}
.knot b{display:block;color:#d6e5b4}.knot small{color:#aebcaf}
.survival-section.dark .survival-heading h2,.sequence h3,.skill-card h3,.rule-of-three h3{color:#f5f4e9!important}
html:not([data-theme="dark"]) body.survival-page .knot small,html[data-theme="dark"] body.survival-page .knot small{color:#c7d5cb!important}
.knot-video{position:relative;width:100%;aspect-ratio:16/9;margin-top:20px;overflow:hidden;border:1px solid #71886f;background:#0d1511;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.knot-video iframe{display:block;width:100%;height:100%;border:0}
.knot-animation{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:13px 16px;border:1px solid #b7c94b;background:#2c3d27;color:#f1f5df;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.knot-animation span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#c9df53;color:#172018;font-size:.72rem}
.knot-animation:hover,.knot-animation:focus-visible{transform:translateY(-2px);background:#384d2f;box-shadow:0 8px 22px rgba(0,0,0,.24);outline:2px solid #d3e66a;outline-offset:3px}
.rule-of-three{max-width:1050px;margin:0 auto;padding:28px;border:1px solid #758664;background:#111b16;text-align:center}
.rule-of-three h3{color:#cce291;font-size:24px}.rule-of-three p{margin:0;color:#c4cec6}
.sources-panel{max-width:1050px;margin:0 auto;padding:28px;background:#dfd8c1;border-left:5px solid #405738}
.sources-panel h3{margin-bottom:12px}.sources-panel a{text-decoration:underline;text-underline-offset:3px}.sources-panel li{margin:8px 0}
html[data-theme="dark"] .survival-page{background:#121c17;color:#e8eee8}html[data-theme="dark"] .survival-section:not(.dark){background:#18251e}html[data-theme="dark"] .survival-heading p{color:#b8c5bc}html[data-theme="dark"] .method-card{border-color:#4c6252;background:#213028;color:#eef3ed}html[data-theme="dark"] .method-card p,html[data-theme="dark"] .bleach-note{color:#bdc9c1}html[data-theme="dark"] .priority-alert{background:#34231d;color:#f0e1d7}html[data-theme="dark"] .bleach-table-wrap{border-color:#4c6252;background:#1c2922}html[data-theme="dark"] .bleach-table th{background:#2c3b32}html[data-theme="dark"] .bleach-table td{border-color:#43564a}html[data-theme="dark"] .sources-panel{background:#26372d}
@media(max-width:900px){.method-grid{grid-template-columns:1fr 1fr}.sequence{grid-template-columns:1fr 1fr}.sequence article:nth-child(2){border-right:0}.sequence article:nth-child(-n+2){border-bottom:1px solid #566b59}}
@media(max-width:620px){.survival-hero{padding-top:72px}.survival-section{padding-top:68px;padding-bottom:68px}.method-grid,.skill-grid{grid-template-columns:1fr}.sequence{grid-template-columns:1fr}.sequence article{border-right:0;border-bottom:1px solid #566b59}.sequence article:last-child{border-bottom:0}.knot-list{grid-template-columns:1fr}.field-nav{justify-content:center}.priority-alert{padding:20px}.method-card,.skill-card{padding:24px}}