/* M.O.R.D.A. v122 Companions · isolated responsive component */
.m122-companions{--co-ink:#e9e0d7;--co-gold:#e9c18b;--co-border:#5c4e43;--co-base:#171a22;color:var(--co-ink);font:400 15px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:1360px;margin:8px auto 22px;min-width:0}
.m122-companions *{box-sizing:border-box}.m122-companions h2,.m122-companions h3,.m122-companions h4{font-family:Cinzel,Georgia,serif;color:#f3d3ab;line-height:1.32}.m122-companions a{color:#f5cb8b;text-underline-offset:3px}.m122-companions a:hover{color:#fff}.m122-companions p{margin:11px 0;line-height:1.73;color:#e7dfd4}
.m122-companions .co122-hero{display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #71533e;border-radius:16px;background:linear-gradient(125deg,#1c2430,#34251f 90%);margin-bottom:12px}.m122-companions .co122-hero .co122-fig{border:0;border-radius:0;margin:0}.m122-companions .co122-heroimg button{height:100%;min-height:300px;padding:0;background:#161923}.m122-companions .co122-heroimg img{object-fit:cover}.m122-companions .co122-heroimg figcaption{display:none}.m122-companions .co122-herotext{padding:clamp(20px,3vw,43px)}.m122-companions .co122-eyebrow{color:#f1c693;font-size:.74rem;font-weight:800;letter-spacing:.15em}.m122-companions .co122-hero h2{font-size:clamp(1.75rem,3.1vw,2.8rem);margin:13px 0;line-height:1.13}.m122-companions .co122-hero h2 em{font-size:.51em;display:block;margin-top:10px;font-style:normal;color:#f0e2d3}.m122-companions .co122-hero p{font-size:.96rem}.m122-companions .co122-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.m122-companions .co122-tags span{font-size:.73rem;border:1px solid #967654;border-radius:20px;padding:3px 9px;background:#2c2a2e;color:#f7d7aa}
.m122-companions .co122-sectionlinks{padding:14px 15px;margin-bottom:18px;border:1px solid #444b50;border-radius:12px;background:#1a1f26}.m122-companions .co122-sectionlinks>span{color:#e3c296;font-weight:800;letter-spacing:.1em;font-size:.76rem}.m122-companions .co122-related{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.m122-companions .co122-related a{display:inline-flex;text-decoration:none;background:#302a2b;border:1px solid #745b45;border-radius:7px;padding:5px 10px;font-weight:700;font-size:.82rem}
.m122-companions .co122-layout{display:grid;grid-template-columns:minmax(205px,245px) minmax(0,1fr);gap:16px;align-items:start}.m122-companions .co122-nav{position:sticky;top:94px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;border:1px solid #605040;border-radius:13px;background:linear-gradient(150deg,#1f2028,#141821);padding:13px 10px;box-shadow:0 13px 24px #0004}.m122-companions .co122-nav strong{font-size:.73rem;color:var(--co-gold);letter-spacing:.1em;display:block;margin:1px 9px 10px}.m122-companions .co122-nav>a{display:block;font-size:.82rem;line-height:1.33;border-radius:6px;border-left:3px solid transparent;color:#dfd4cc;padding:8px 8px;margin-bottom:2px;text-decoration:none}.m122-companions .co122-nav>a:hover,.m122-companions .co122-nav>a.active{background:#403027;color:white;border-left-color:#d6a360}.m122-companions .co122-nav small{display:block;color:#b9ada4;margin:12px 9px 3px;line-height:1.4}.m122-companions .co122-body{min-width:0}.m122-companions .co122-chapter{scroll-margin-top:95px;background:linear-gradient(135deg,#232229,#131921);padding:clamp(17px,2.4vw,28px);border:1px solid #4d494a;border-radius:14px;margin:0 0 18px;min-width:0;box-shadow:0 14px 25px #0002}.m122-companions .co122-chapterhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #52463d;padding-bottom:13px;margin-bottom:15px}.m122-companions .co122-chapterhead h3{font-size:clamp(1.18rem,2vw,1.63rem);margin:0}.m122-companions .co122-chapterhead>span{font-size:.68rem;color:#f0cf9f;font-weight:800;letter-spacing:.05em;border:1px solid #9b7447;border-radius:5px;padding:3px 7px;white-space:nowrap}.m122-companions h4{font-size:1.08rem;margin:22px 0 9px}
.m122-companions .co122-table{overflow-x:auto;border:1px solid #504d50;border-radius:8px;margin:15px 0}.m122-companions table{width:100%;min-width:530px;border-collapse:collapse;font-size:.86rem}.m122-companions th,.m122-companions td{padding:9px 11px;text-align:left;vertical-align:top;border-bottom:1px solid #42464b}.m122-companions thead{background:#4b382b;color:#f4d5a5}.m122-companions tbody tr:nth-child(2n){background:#282c33}.m122-companions tbody tr:last-child td{border-bottom:0}.m122-companions .co122-steps{counter-reset:co;list-style:none;display:grid;gap:8px;padding:0}.m122-companions .co122-steps li{counter-increment:co;border:1px solid #4b4b50;background:#242933;padding:9px 12px 9px 45px;border-radius:7px;position:relative}.m122-companions .co122-steps li:before{content:counter(co);position:absolute;top:9px;left:12px;background:#e2b36b;color:#1c1714;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:.85rem}.m122-companions .co122-list{padding-left:23px}.m122-companions li{margin:6px 0}.m122-companions .co122-note{background:#342a28;border-left:4px solid #dcb17a;padding:11px 15px;border-radius:6px;margin:17px 0}.m122-companions .co122-note strong{color:#f4c58c}.m122-companions .co122-note p{margin:4px 0}
.m122-companions .co122-fig{border:1px solid #575358;background:#1a1d24;border-radius:10px;margin:14px 0;min-width:0;overflow:hidden}.m122-companions .co122-fig button{border:0;display:flex;align-items:center;justify-content:center;cursor:zoom-in;padding:8px;width:100%;height:270px;background:radial-gradient(circle,#373841,#15181e)}.m122-companions .co122-fig img{display:block;object-fit:contain;width:100%;height:100%;max-width:100%}.m122-companions .co122-fig figcaption{padding:9px 11px;font-size:.81rem;line-height:1.55;color:#c9c0b7}.m122-companions .co122-fig button:focus-visible{outline:3px solid #edc487;outline-offset:-3px}.m122-companions .co122-wide{max-width:100%}.m122-companions .co122-wide button{height:340px}.m122-companions .co122-imagepair,.m122-companions .co122-farmgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.m122-companions .co122-farmgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.m122-companions .co122-imagepair .co122-fig,.m122-companions .co122-farmgrid .co122-fig{margin:0;display:flex;flex-direction:column}.m122-companions .co122-imagepair button{height:210px}.m122-companions .co122-farmgrid button{height:166px}.m122-companions .co122-imagepair figcaption,.m122-companions .co122-farmgrid figcaption{flex:1}
.m122-companions .co122-profilegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.m122-companions .co122-profile{border:1px solid #58515a;background:#20232c;border-radius:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column;scroll-margin-top:105px}.m122-companions .co122-profile .co122-fig{margin:0;border:0;border-radius:0;background:#1a1b21}.m122-companions .co122-profile .co122-fig button{height:248px;padding:0;background:#1a1b21}.m122-companions .co122-profile .co122-fig img{object-fit:contain}.m122-companions .co122-profile .co122-fig figcaption{display:none}.m122-companions .co122-profilecontent{padding:13px 14px;flex:1}.m122-companions .co122-profilecontent h4{margin:0;font-size:1.12rem}.m122-companions .co122-profilecontent p{font-size:.85rem;line-height:1.48;margin:9px 0}.m122-companions .co122-profilecontent .co122-sub{color:#eac38d;font-size:.8rem;margin:5px 0 13px}.m122-companions .co122-profilelink{font-size:.79rem;display:inline-block;font-weight:700;margin:12px 0 2px}.m122-companions details{background:#242833;border:1px solid #505059;border-radius:8px;margin:10px 0;padding:10px 12px}.m122-companions summary{cursor:pointer;color:#f0cea0;font-weight:750}.m122-companions details[open] summary{margin-bottom:8px}
.m122-companions .co122-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.m122-companions .co122-controls label{font-size:.83rem;color:#d5c8bd}.m122-companions select{display:block;width:100%;background:#19202c;color:#f6e9dc;border:1px solid #846d57;border-radius:7px;padding:9px;margin-top:6px}.m122-companions .co122-chooser{padding:16px;border:1px solid #665444;border-radius:10px;background:#25242a}.m122-companions .co122-chooser h4{margin-top:0}.m122-companions .co122-result{margin-top:13px;padding:12px;background:#363028;border-radius:7px;border:1px solid #7b624a}.m122-companions .co122-result b{display:block;font-size:1rem;color:#f4d7a8}.m122-companions .co122-result span{display:block;font-size:.9rem}.m122-companions .co122-build{margin:13px 0}.m122-companions .co122-build>summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.m122-companions .co122-build>summary>span{font-weight:800}.m122-companions .co122-build>summary>small{color:#bcb0a4}.m122-companions .co122-buildinner{padding:2px 3px}.m122-companions .co122-faq details{padding:12px 14px}.m122-companions .co122-checklist{display:grid;gap:7px}.m122-companions .co122-checklist label{display:flex;align-items:flex-start;gap:10px;border:1px solid #4e4b51;border-radius:7px;padding:7px 10px;background:#272b33;cursor:pointer}.m122-companions .co122-checklist input{margin-top:5px;accent-color:#ce9a58}.m122-companions .co122-checklist input:checked+span{text-decoration:line-through;color:#b2aba3}.m122-companions .co122-reset{border:1px solid #906f52;background:#382b23;color:#f4d4a1;cursor:pointer;border-radius:7px;padding:7px 13px;margin:12px 0}.m122-companions .co122-fine{font-size:.78rem;color:#b5aaa2}.m122-companions .co122-sources a{overflow-wrap:anywhere}.m122-companions kbd,.m122-companions code{background:#111c2c;color:#f3d4a7;border:1px solid #4f5060;border-radius:4px;padding:1px 5px}
.m122-companions .co122-lightbox{position:fixed;inset:0;margin:auto;z-index:99999;width:min(94vw,1500px);max-width:94vw;max-height:92vh;background:#0d121a;color:#f3e7df;border:1px solid #927454;border-radius:11px;padding:35px 15px 12px;overflow:auto}.m122-companions .co122-lightbox::backdrop{background:#020408e8}.m122-companions .co122-lightbox img{display:block;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}.m122-companions .co122-lightbox p{text-align:center;font-size:.85rem}.m122-companions .co122-lightbox-close{position:absolute;top:4px;right:8px;background:#443123;color:#fff;border:1px solid #896b45;border-radius:5px;padding:3px 12px;font-size:1.4rem;cursor:pointer}
@media(max-width:1000px){.m122-companions .co122-layout{grid-template-columns:1fr}.m122-companions .co122-nav{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.m122-companions .co122-nav strong,.m122-companions .co122-nav small{grid-column:1/-1}}
@media(max-width:700px){.m122-companions .co122-hero{grid-template-columns:1fr}.m122-companions .co122-heroimg button{min-height:175px;height:210px}.m122-companions .co122-herotext{padding:19px}.m122-companions .co122-profilegrid{grid-template-columns:1fr}.m122-companions .co122-profile .co122-fig button{height:290px}.m122-companions .co122-farmgrid,.m122-companions .co122-imagepair{grid-template-columns:1fr}.m122-companions .co122-farmgrid button,.m122-companions .co122-imagepair button{height:230px}.m122-companions .co122-chapter{padding:15px 13px}.m122-companions .co122-chapterhead{flex-wrap:wrap}.m122-companions .co122-controls{grid-template-columns:1fr}.m122-companions table{min-width:495px}.m122-companions .co122-nav>a{font-size:.77rem;padding:7px}.m122-companions .co122-nav{padding:10px}.m122-companions .co122-wide button{height:235px}}
@media(prefers-reduced-motion:reduce){.m122-companions *{scroll-behavior:auto!important}}