:root{--background:#fff;--foreground:#333;--primary:#e65c00;--border:#f0f0f0;--max-width:720px}@media (prefers-color-scheme:dark){:root{--background:#fff;--foreground:#333}}html,body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.8}*{box-sizing:border-box}.article-container{max-width:var(--max-width);margin:0 auto;padding:40px 20px 100px}.article-header{text-align:center;margin-bottom:40px}.article-header h1{color:#000;margin-bottom:10px;font-size:2.2rem;font-weight:800;line-height:1.3}.article-date{color:#888;font-size:.9rem}.article-content{font-size:1.15rem}.article-content p{margin-bottom:1.8rem}.article-content h2{border-left:5px solid var(--primary);margin:50px 0 25px;padding-left:15px;font-size:1.6rem}.article-content h3{margin:40px 0 20px;font-size:1.3rem}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:20px 0}.article-footer{border-top:1px solid var(--border);text-align:center;color:#aaa;margin-top:80px;padding-top:20px;font-size:.8rem}.pt-color-red{color:#e60000;font-weight:700}.pt-marker-yellow{background:linear-gradient(#0000 60%,#ffc 60%);font-weight:700}.pt-marker-pink{background:linear-gradient(#0000 60%,#ffcce6 60%);font-weight:700}.pt-button{color:#fff;text-align:center;background:#ff5e00;border-radius:40px;padding:18px 40px;font-size:1.2rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 12px #ff5e004d}.pt-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff5e0066}