*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#11131b;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif}a{color:#3255ef;text-underline-offset:5px}header{padding:25px 6vw;display:flex;justify-content:space-between;border-bottom:1px solid #1113}header a:first-child{font-weight:900;text-decoration:none;color:#111}main{max-width:850px;margin:70px auto;padding:0 25px;min-height:60vh}.meta{color:#3255ef;font:12px monospace;letter-spacing:.07em}h1{font-size:clamp(27px,4vw,46px);line-height:1.45;letter-spacing:-.04em;margin:25px 0 40px}article p{font-size:16px;line-height:2.1;white-space:pre-wrap}article img{width:100%;height:auto;margin:20px 0}article .related{margin-top:45px;padding-top:25px;border-top:1px solid #1113;font-size:13px}footer{padding:30px 6vw;border-top:1px solid #1113;font-size:11px}.editor{max-width:950px}.editor label{display:block;margin:18px 0;font-size:13px}.editor input,.editor textarea,.editor select{display:block;width:100%;padding:12px;border:1px solid #aaa;margin-top:7px;background:white;font:inherit}.editor textarea{min-height:180px}.editor button{padding:12px 20px;background:#3255ef;color:white;border:0;cursor:pointer;margin:6px 8px 6px 0}.editor .hint{font-size:13px;line-height:1.8}.editor #status{color:#3255ef}
.preview-notice{background:#e8ff60;padding:12px 16px;font-size:12px}.meta{padding-top:20px;border-top:3px solid #3255ef}article{max-width:720px;margin:auto}article p{margin:24px 0}article img{border-radius:2px}main>h1{padding-bottom:30px;border-bottom:1px solid #10111725}header a:first-child{letter-spacing:.04em}header{background:#f4f1e9}footer{color:#575965}
header a:first-child{display:flex;gap:10px;align-items:center}header>a:last-child{font-size:12px}body{background:linear-gradient(90deg,#e8ff60 0 8px,#f4f1e9 8px)}.editor button#preview{background:#101117}
article .block-h2highlight,article .block-h3highlight{background:#e2f4f1;border-left:4px solid #13877f;padding:16px 20px}article h2{font-size:26px;margin:42px 0 18px}article h3{font-size:21px;margin:30px 0 15px}article .block-note,article figcaption{font-size:12px;color:#66757b;line-height:1.8}article figure{margin:30px 0}article figure img{width:100%;height:auto}article u{text-underline-offset:4px}article strong{font-weight:800}
.article-description{font-size:18px;line-height:1.8;color:#54616a;margin-bottom:35px}
.article-video .yt{position:relative;aspect-ratio:16/9;background:#132A35;overflow:hidden}
.article-video .yt-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#132A35;color:#FFFDF7;cursor:pointer}
.article-video .yt-play img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.article-video .yt-play span{position:absolute;inset:auto 20px 20px auto;padding:12px 18px;background:#132A35;color:#FFFDF7;font-size:14px}
.article-video .yt-play:focus-visible{outline:4px solid #F6C928;outline-offset:-4px}
.article-video iframe{display:block;width:100%;height:100%;border:0}