main.dns-premium>.hero{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px}main.dns-premium>.hero>*{max-width:100%;text-align:center!important}main.dns-premium>.hero .ux-strip{justify-content:center!important;flex-wrap:wrap}main.dns-premium .dns-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:23px;align-items:start}main.dns-premium .dns-shell>.article{width:100%;min-width:0;max-width:100%}main.dns-premium .dns-side{position:sticky;top:85px;max-height:calc(100vh - 100px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:17px;background:#0b213b;border:1px solid #2c668e;border-radius:16px}main.dns-premium .dns-side strong{color:#7ceaff;font-size:.73rem;letter-spacing:.07em;padding:4px 8px 12px}main.dns-premium .dns-side a{color:#dbf0fd;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:.86rem}main.dns-premium .dns-side a:hover{background:#153a5b}main.dns-premium .dns-toggle{background:#153a58;color:#9eeaff;border:1px solid #2d789c;border-radius:8px;padding:12px 9px;text-align:left;cursor:pointer}main.dns-premium .dns-links{display:flex;flex-direction:column}main.dns-premium .dns-links[hidden]{display:none}main.dns-premium .dns-links a{font-size:.8rem}main.dns-premium .dns-lesson,main.dns-premium .dns-cards{border:1px solid #2b739d;border-radius:18px;background:linear-gradient(155deg,#0d2c4d,#08192e);padding:24px;margin:0 0 22px}main.dns-premium .dns-tag{color:#6feaff;letter-spacing:.13em;font-size:.73rem;font-weight:800}main.dns-premium .dns-lesson h2,main.dns-premium .dns-cards h2{margin:10px 0!important;color:#fff;font-size:clamp(1.3rem,2vw,1.7rem)}main.dns-premium .dns-lesson>p{color:#c0deee}main.dns-premium .dns-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:6px;align-items:center;margin:22px 0}main.dns-premium .dns-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;background:#133e61;border:1px solid #338ac0;border-radius:12px;min-height:160px;padding:17px 7px}main.dns-premium .dns-node:nth-of-type(3){background:#302753}main.dns-premium .dns-node span{color:#84ebff;font-weight:800}main.dns-premium .dns-node strong{color:white;font-size:.95rem}main.dns-premium .dns-node small{color:#bddfee;line-height:1.5}main.dns-premium .dns-arrow{color:#77e4ff;font-size:22px;text-align:center}main.dns-premium .dns-note{font-size:.84rem;color:#91c6df;margin:0}main.dns-premium .dns-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}main.dns-premium .dns-card{border:1px solid #316b97;border-radius:13px;background:#123959;min-height:120px;padding:17px;display:flex;flex-direction:column;gap:10px}main.dns-premium .dns-card:nth-child(2){background:#252c5a}main.dns-premium .dns-card:nth-child(3){background:#123f52}main.dns-premium .dns-card:nth-child(4){background:#3f2b4c}main.dns-premium .dns-card:nth-child(5){background:#483321}main.dns-premium .dns-card:nth-child(6){background:#174739}main.dns-premium .dns-card b{color:#92ecff;font-size:1.3rem}main.dns-premium .dns-card span{color:#d0e8f5;font-size:.88rem}@media(max-width:1050px){main.dns-premium .dns-shell{grid-template-columns:1fr}main.dns-premium .dns-side{position:static;max-height:none}}@media(max-width:660px){main.dns-premium .dns-flow{grid-template-columns:1fr}main.dns-premium .dns-arrow{transform:rotate(90deg)}main.dns-premium .dns-node{min-height:80px}main.dns-premium .dns-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.dns-premium .dns-lesson,main.dns-premium .dns-cards{padding:16px}}

/* DNS premium: consistent interior spacing for legacy collapsible editorial sections. */
main.dns-premium article.article details.baoi-fold > .baoi-fold__body{padding:20px 28px 26px!important;box-sizing:border-box}
main.dns-premium article.article details.baoi-fold > .baoi-fold__body > :first-child:not([hidden]){margin-top:4px}
main.dns-premium article.article details.baoi-fold > .baoi-fold__body p{max-width:100%;line-height:1.8}
main.dns-premium article.article details.baoi-fold > summary{padding-left:22px;padding-right:22px}
@media(max-width:650px){main.dns-premium article.article details.baoi-fold > .baoi-fold__body{padding:17px 18px 22px!important}main.dns-premium article.article details.baoi-fold > summary{padding-left:15px;padding-right:15px}}