:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#212526;background:#fff}*{box-sizing:border-box}body{margin:0}body > header{min-height:83px;border-bottom:1px solid #e8e9e6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1120px)/2))}.brand{display:block;flex:none;width:220px;height:76px;color:inherit;text-decoration:none}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:27px}nav a{color:#52605b;text-decoration:none;font-size:14px;font-weight:550;padding:8px 0}nav a[aria-current="page"]{color:#182f4b;border-bottom:2px solid #e7a31b}nav a:hover{color:#152e4a}main{max-width:1120px;margin:0 auto;padding:34px 24px 90px}.search{max-width:540px}.search label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.search input{width:100%;height:46px;border:1px solid #cfd2cf;border-radius:7px;font:inherit;padding:0 15px;outline:none}.search input:focus-visible,.pill:focus-visible,.more:focus-visible,.card:focus-visible,.back:focus-visible,nav a:focus-visible,.brand:focus-visible,.guide-card:focus-visible{outline:3px solid #608b85;outline-offset:2px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.pill,.more{background:#fff;border:1px solid #d8dbd8;border-radius:999px;padding:8px 13px;color:#343a39;font:inherit;font-size:13px;cursor:pointer}.pill.active{background:#173451;color:#fff;border-color:#173451}.clear{border:0;background:transparent;text-decoration:underline;color:#414d4a;cursor:pointer;font:inherit;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.card{display:block;border:1px solid #e8e9e6;border-radius:7px;overflow:hidden;text-decoration:none;color:inherit}.card:hover,.guide-card:hover{border-color:#abb6b2}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#f3f4f2}.cardbody{padding:15px 16px 17px}.card h2{font-size:17px;line-height:1.35;letter-spacing:-.02em;margin:0 0 7px}.summary{color:#56615e;font-size:14px;line-height:1.4;margin:0 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;justify-content:space-between;gap:12px;color:#64706c;font-size:12px}.meta span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.more{display:block;margin:36px auto 0;border-radius:7px;padding:11px 20px}.empty{color:#66716d;padding:40px 0}.back{color:#4a5b56;text-decoration:none;font-size:14px}article{max-width:790px;margin-top:24px}h1{font-size:clamp(27px,4vw,40px);line-height:1.15;letter-spacing:-.045em;margin:0 0 24px}.player{aspect-ratio:16/9;background:#111}.player iframe{width:100%;height:100%;border:0}.lead{font-size:18px;line-height:1.55;margin:25px 0 8px}.detailmeta{font-size:13px;color:#69736f;margin-bottom:38px}article h2,.related h2{font-size:20px;letter-spacing:-.025em}ol{line-height:1.65;padding-left:25px}li{padding-left:5px;margin:10px 0}.related{margin-top:65px}.related h2{margin-bottom:20px}.page{max-width:790px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{display:block;text-decoration:none;color:inherit;border:1px solid #e8e9e6;border-radius:7px;padding:20px}.guide-card h2{font-size:19px;line-height:1.35;margin:0 0 10px}.guide-card p{color:#56615e;line-height:1.5;margin:0 0 22px}.guide-card span{font-size:12px;color:#64706c}.about{max-width:680px;margin-top:0}.about p{font-size:16px;line-height:1.75;margin:0 0 19px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){main{padding:25px 17px 70px}body > header{min-height:68px;padding:0 17px;gap:7px}.brand{width:134px;height:64px}nav{gap:11px}nav a{font-size:12px}.grid,.guide-grid{grid-template-columns:1fr;gap:16px}.filters{gap:7px;margin-bottom:24px}.pill{padding:7px 11px}.related{margin-top:45px}}
/* One article design for every Markdown guide. */
.article-layout{width:min(100%,760px);max-width:none;margin:25px auto 0;min-width:0}.article-header{display:block;margin:0 0 28px;padding:0;border:0;min-height:0}.article-header h1{font-size:clamp(30px,4vw,42px);line-height:1.15;margin:0 0 14px;overflow-wrap:anywhere}.article-description{font-size:18px;line-height:1.55;color:#56615e;margin:0 0 13px}.article-meta{font-size:13px;line-height:1.4;color:#69736f;margin:0}.article-content{font-size:17px;line-height:1.6;min-width:0;overflow-wrap:anywhere}.article-content p{margin:0 0 1em}.article-content h1{font-size:1.85em;line-height:1.18;margin:1.5em 0 .7em}.article-content h2{font-size:1.42em;line-height:1.25;letter-spacing:-.025em;margin:1.75em 0 .7em}.article-content h3{font-size:1.13em;line-height:1.3;margin:1.3em 0 .5em}.article-content h1+p,.article-content h2+p,.article-content h3+p{margin-top:0}.article-content ul,.article-content ol{padding-left:1.4em;margin:.75em 0}.article-content li{padding-left:.1em;margin:0 0 .3em}.article-content li:last-child{margin-bottom:0}.article-content li > p{margin:0}.article-content li ul,.article-content li ol{margin:.35em 0}.article-content a{color:#174d76;overflow-wrap:anywhere}.article-content blockquote{margin:1.15em 0;padding:.75em 1em;background:#f6f7f5;border-left:3px solid #e7a31b;border-radius:0 6px 6px 0;color:#33423e}.article-content blockquote p:last-child{margin-bottom:0}.article-content hr{border:0;border-top:1px solid #e8e9e6;margin:1.7em 0}.article-content img{display:block;max-width:100%;height:auto;border:1px solid #e8e9e6;border-radius:6px;margin:1.25em 0}.article-content code{font-size:.88em;background:#f3f4f2;padding:.1em .3em;border-radius:3px;overflow-wrap:anywhere}.article-content pre{max-width:100%;overflow-x:auto;padding:1em;background:#f3f4f2;border-radius:6px;line-height:1.45;margin:1em 0}.article-content pre code{padding:0;background:transparent;white-space:pre;overflow-wrap:normal}.article-table-scroll{max-width:100%;overflow-x:auto;margin:1.25em 0;border:1px solid #e8e9e6;border-radius:7px}.article-content table{border-collapse:collapse;width:100%;min-width:540px;font-size:.84em;line-height:1.5;overflow-wrap:normal}.article-content th,.article-content td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #e8e9e6}.article-content th{background:#f6f7f5;color:#263e4c;font-weight:650}.article-content tr:last-child td{border-bottom:0}
@media(max-width:560px){.article-layout{margin-top:18px}.article-header{margin-bottom:22px}.article-header h1{font-size:30px}.article-description{font-size:16px}.article-content{font-size:16px;line-height:1.58}.article-content h2{margin-top:1.6em}.article-content th,.article-content td{padding:9px 11px}}
.guide-card{padding:0;overflow:hidden}.guide-card-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#f6f7f5}.guide-card-copy{padding:18px 20px 20px}.guide-card-copy h2{margin:0 0 8px}.guide-card-copy p{margin:0 0 18px}
.article-content::after{content:"";display:block;clear:both}.article-content img.image-left,.article-content img.image-right{width:min(44%,320px);height:auto;margin:.15em 1.25em .8em 0}.article-content img.image-left{float:left}.article-content img.image-right{float:right;margin:.15em 0 .8em 1.25em}.article-content h1,.article-content h2,.article-content h3,.article-content hr,.article-table-scroll{clear:both}
@media(max-width:560px){.guide-card-copy{padding:16px 17px 18px}.article-content img.image-left,.article-content img.image-right{float:none;width:100%;max-width:100%;margin:1em 0}}