.reference-section strong{color:#d9ecf3;font-weight:600}
.reference-section .reference-heading{font:500 1.25rem/1.5 Cinzel,Georgia,serif;color:#abd8e9;margin:30px 0 16px}
.reference-credit{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0 0 22px;font-size:.875rem;color:#99bbc8}
.reference-credit a,.reference-source{color:#97cadc;text-decoration-color:#558697;text-underline-offset:4px}
.reference-subtitle{font-size:1rem;line-height:1.75;color:#a5c2cd;margin:0 0 18px;max-width:74ch}
.rotation-track{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:rotation-step}
.rotation-track>li{counter-increment:rotation-step;min-width:0;background:linear-gradient(145deg,#171e29,#10141c);border:1px solid #52869a66;padding:20px 16px;position:relative}
.rotation-track>li::before{content:counter(rotation-step,decimal-leading-zero);display:block;color:#72a3b5;font:1rem Cinzel,Georgia,serif;margin-bottom:18px}
.rotation-skill{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#cbe4ed;text-decoration:none;min-width:0}
.rotation-skill img,.priority-item img,.rotation-chain img{border:1px solid #619cb169;border-radius:5px;flex:none}
.reference-skill-name{display:block;font-size:1rem;font-weight:600;line-height:1.45;color:#cbe4ed;overflow-wrap:anywhere}
.reference-skill-en{display:block;font:400 .875rem/1.55 'DM Sans',Arial,sans-serif;color:#8bb0be;margin-top:5px;overflow-wrap:anywhere}
.rotation-skill:hover .reference-skill-name,.priority-item a:hover .reference-skill-name{color:#dcf1f9}
.rotation-after{display:flex;align-items:center;gap:12px;border-left:2px solid #71a9bd;padding:14px 18px;margin:18px 0 0;background:#111823;color:#b4d3de;font-size:1rem;line-height:1.7}
.rotation-after span{color:#81bbd0}
.rotation-macro{list-style:none;counter-reset:macro-step;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.rotation-macro>li{counter-increment:macro-step;flex:1 1 150px;min-width:0;position:relative;border:1px solid #41687766;background:#12171f;padding:16px}
.rotation-macro>li::before{content:counter(macro-step);color:#78a6b7;font-size:.875rem;display:block;margin-bottom:12px}
.rotation-macro .rotation-skill{gap:10px}
.rotation-macro .reference-skill-name{font-size:.9375rem}
.rotation-chains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.rotation-chain{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid #41687766;padding:18px;background:#10141c}
.rotation-chain a{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.rotation-chain .reference-skill-name{font-size:.9375rem}
.rotation-chain>span{color:#71a9bd}
.rotation-notes{padding-left:20px;margin:24px 0;color:#a5c2cd;font-size:1rem;line-height:1.75;max-width:76ch}
.rotation-notes li{padding-left:5px;margin-block:10px}
.rotation-notes li::marker{color:#7cafc2}
.reference-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin-top:28px}
.priority-group{min-width:0;border-top:2px solid #5590a5;padding-top:18px}
.priority-group h3{font:500 1.125rem/1.5 Cinzel,Georgia,serif;color:#abd8e9;margin:0 0 8px}
.priority-group>p{font-size:.875rem;line-height:1.6;color:#88aebc;margin:0 0 18px}
.priority-list{list-style:none;padding:0;margin:0}
.priority-item{display:grid;grid-template-columns:20px 38px minmax(0,1fr);gap:10px;align-items:start;padding:16px 0;border-top:1px solid #466e7d38}
.priority-rank{color:#6f9eaf;font-size:.875rem;padding-top:9px}
.priority-item .reference-skill-name{font-size:.9375rem}
.priority-item a{display:block;text-decoration:none}
.priority-item .reference-skill-en{font-size:.875rem;text-decoration:underline;text-decoration-color:#416674;text-underline-offset:4px;margin-top:3px}
.priority-item .reference-skill-en:hover{color:#b1d4e0}
.priority-more{margin-top:12px}
.priority-more summary{cursor:pointer;color:#97cadc;font-size:.9375rem;line-height:1.7;padding:10px 0}
.priority-more summary:focus-visible{outline:2px solid #97cadc;outline-offset:4px}
.reference-milestones{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reference-milestone{border:1px solid #4d8ca365;background:#141a24;padding:20px}
.reference-milestone>span{display:block;color:#87bbcf;font-size:.875rem;font-weight:600;margin-bottom:14px}
.reference-milestone a{text-decoration:none}
.reference-milestone p{color:#a2c0cb;font-size:1rem;line-height:1.7;margin:12px 0 0}
.reference-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.reference-paths>article{min-width:0;border-top:1px solid #52839570}
.reference-paths .reference-heading{margin-top:20px}
.reference-paths p{font-size:1rem;line-height:1.75;color:#a3c1cb;max-width:72ch}
.daeva-priority{padding-left:22px;margin:0}
.daeva-priority li{padding-left:6px;margin-block:13px;color:#7cacbe}
.daeva-priority a{text-decoration:none}
.daeva-priority .reference-skill-en{display:inline;margin-left:6px}
.daeva-priority .reference-skill-name{display:inline;font-size:.9375rem}
.reference-source-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:24px;font-size:.9375rem;line-height:1.65}
.video-intro{display:flex;gap:24px;align-items:start;justify-content:space-between;margin-bottom:24px}
.video-intro .section-desc{margin:0}
.youtube-channel{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#cee6ef;font-size:1rem;font-weight:600;padding:12px 16px;border:1px solid #4d7a8a;background:#141a23}
.youtube-channel:hover{border-color:#86c6dd;background:#19212e}
.youtube-channel svg{width:26px;height:26px;color:#73c8e6;flex:none}
.video-frame{width:100%;aspect-ratio:16/9;border:1px solid #447d9170;background:#050709;overflow:hidden}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-caption{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:baseline;font-size:.9375rem;line-height:1.65;color:#9dbdc8;margin-top:14px}
.video-caption p{margin:0}
.reference-video-link{display:inline-block;color:#97cadc;text-underline-offset:4px;font-size:.9375rem;line-height:1.65}
@media(max-width:1200px){.reference-priorities{grid-template-columns:1fr}.priority-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.priority-more .priority-list{display:block}.rotation-track{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-milestones{grid-template-columns:1fr}.video-intro{display:block}.youtube-channel{margin-top:18px}}
@media(max-width:900px){.reference-paths{grid-template-columns:1fr}.rotation-chains{grid-template-columns:1fr}}
@media(max-width:550px){.rotation-track{grid-template-columns:1fr}.rotation-track>li{display:flex;align-items:center;gap:18px;padding:16px}.rotation-track>li::before{margin:0}.rotation-track .rotation-skill{flex-direction:row;align-items:center}.rotation-track .reference-skill-en{margin-top:2px}.rotation-macro>li{flex-basis:calc(50% - 10px)}.priority-list{grid-template-columns:1fr}.rotation-chain{gap:8px;padding:16px}.video-caption{display:block}.video-caption a{display:inline-block;margin-top:10px}.reference-paths .reference-skill-en{display:block;margin-left:0}}