/* Shared shell for archived tutorials; scoped to prevent old layouts overlapping. */
body.landi-archive{margin:0;background:#fff;color:#17191d;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}
.landi-archive .main{margin-left:254px;min-width:0;padding:0 34px 40px;max-width:none}
.landi-archive .site-statusbar{margin:0 0 35px}
.landi-archive .tutorial-content{max-width:1200px;margin:0 auto;padding:0 0 24px;min-width:0}
.landi-archive .tutorial-content article{position:static;float:none;width:auto;max-width:none;min-width:0;margin:0;padding:0;display:block;background:#fff;border:0;box-shadow:none;font-family:inherit;color:#30343a;line-height:1.65;font-size:14px}
.landi-archive .tutorial-content article h2{font-size:24px;font-weight:500;line-height:1.4;margin:10px 0 12px;color:#17191d}
.landi-archive .tutorial-content article p{margin:8px 0;line-height:1.7;color:#606873}
.landi-archive .tutorial-content article a{color:#256de5;text-decoration:none}
.landi-archive .tutorial-content article a:hover{text-decoration:underline}
.landi-archive .tutorial-content article img,.landi-archive .tutorial-content article video,.landi-archive .tutorial-content article iframe{max-width:100%;height:auto;object-fit:contain}
.landi-archive .tutorial-content article .code,.landi-archive .tutorial-content article pre{display:block;max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef0f2;padding:10px;border-radius:4px;color:#565e69}
.landi-archive .tutorial-content .featured ul{list-style:none;margin:0;padding:0}
.landi-archive .tutorial-content .featured li{list-style:none;border-left:5px solid #55c7f3;margin:3px 0;padding:3px 9px;font-size:20px;line-height:1.5}
.landi-archive .tutorial-content .featured li:nth-child(6n+2){border-color:#ff72b7}.landi-archive .tutorial-content .featured li:nth-child(6n+3){border-color:#66d6a3}.landi-archive .tutorial-content .featured li:nth-child(6n+4){border-color:#ffbd57}.landi-archive .tutorial-content .featured li:nth-child(6n+5){border-color:#a89cfb}.landi-archive .tutorial-content .featured li:nth-child(6n+6){border-color:#ff6b6b}
.landi-archive .tutorial-content .featured li a{color:#17191d}.landi-archive .tutorial-content .featured li a:hover{color:#266ce6}
.landi-archive .tutorial-content .featured li strong{font-weight:600}
.landi-archive .tutorial-content .archived-section{position:static;width:auto;max-width:100%;margin:22px 0;padding:0;float:none;clear:both}
.landi-archive .tutorial-content .archived-section img{max-width:100%;height:auto}
.landi-archive .main>footer{margin-top:45px}
@media(max-width:760px){.landi-archive .main{margin-left:0;padding:0 16px 28px}.landi-archive .tutorial-content article h2{font-size:20px}.landi-archive .tutorial-content .featured li{font-size:16px}}

/* Tutorial navigation: only targeted enhancements */
.landi-archive .tutorial-back-row {margin: 0 0 18px; font-size: 13px; line-height: 1.5;}
.landi-archive .tutorial-back-row a {color: #30343b; text-decoration: none;}
.landi-archive .tutorial-back-row a:hover {color: #2875ec; text-decoration: underline;}
.landi-archive .tutorial-navigation-links {display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;}
.landi-archive .tutorial-navigation-links a {text-decoration:none; color:#30343b; font-weight:400;}
.landi-archive .tutorial-navigation-links a:hover {color:#2875ec; text-decoration:underline;}
@media (max-width:600px) {.landi-archive .tutorial-navigation-links {gap:12px;}}