.content-card{padding:0 0 25px;overflow:hidden}.content-card .tag,.content-card h2,.content-card p,.content-card .read{margin-left:24px;margin-right:24px}.content-card .tag{display:block;margin-top:22px}.content-card .content-number{background:#f8f3e6dd;padding:5px 9px;font-size:18px;top:12px;right:12px}.content-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;border-bottom:1px solid #cbbb9c}.content-card h2{font-size:28px}.tutorial-figure{margin:25px 0 35px;border:1px solid #c9b999;background:#eee7d8}.tutorial-zoom{display:block;position:relative;width:100%;padding:0;border:0;background:#192c3c;cursor:zoom-in}.tutorial-zoom img{display:block;width:100%;height:auto}.tutorial-zoom span{position:absolute;right:10px;bottom:10px;background:#123340e8;color:#fff2d2;padding:7px 10px;font-size:12px}.tutorial-figure figcaption{padding:18px 22px}.tutorial-figure strong{font:22px Georgia,serif}.tutorial-figure p{font-size:14px;line-height:1.7;margin:9px 0}.tutorial-figure small{display:block;color:#756b5b;font-size:11px;line-height:1.6}#tutorial-lightbox{width:min(1400px,96vw);max-height:94vh;margin:auto;padding:20px;background:#f7f1e4;border:1px solid #a88b52;color:#203c48}#tutorial-lightbox::backdrop{background:#081827df}#tutorial-lightbox img{width:100%;height:auto;display:block}#tutorial-lightbox form{text-align:right}#tutorial-lightbox button{padding:10px 20px;border:1px solid #b5a07b;background:#1d3948;color:white;cursor:pointer}#tutorial-lightbox h2{font:26px Georgia,serif;margin:10px 0}#tutorial-lightbox p{font-size:12px;margin-top:12px}.bestiary-guide-link{display:block;padding:20px 24px;border:1px solid #bba57a;background:#e9e0ce;margin:20px 0;font-size:16px}.content-categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.content-categories button{background:#f6f1e6;color:#203b48;padding:10px 16px;border:1px solid #baa57b}.content-categories button[aria-pressed=true]{background:#203b48;color:#fff2d2}@media(max-width:650px){.tutorial-figure figcaption{padding:15px}.tutorial-zoom span{font-size:10px}.content-card h2{font-size:27px}}

.walkthrough{margin:26px 0 48px;border-top:2px solid #bda374;padding-top:20px}.walkthrough-heading h3{font:27px Georgia,serif;margin:12px 0}.walkthrough-heading p{font-size:16px}.walkthrough .tutorial-figure{margin-top:18px}.walkthrough-result{border-left:3px solid #a58b58;padding-left:16px;margin:18px 0}.walkthrough-result b{font-size:14px;color:#294e47}.tutorial-note{font-size:14px!important;background:#e9e2d4;padding:18px 22px}.effect-table-wrap{overflow-x:auto;margin:24px 0}.effect-table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px}.effect-table th,.effect-table td{padding:12px;border-bottom:1px solid #cabc9e;text-align:left}.effect-table thead{background:#203c48;color:#fff5dc}.effect-table caption{text-align:left;font:24px Georgia,serif;padding:16px 0}.effect-table small{display:block;margin-top:6px}.walkthrough-heading .tag{font-size:12px}