*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#242833;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}a{color:#0869c7}header{padding:20px 7%;border-bottom:1px solid #dededc;font-size:14px;display:flex;justify-content:space-between;gap:20px}main{max-width:960px;margin:auto;padding:64px 7% 80px}h1{font-size:clamp(30px,5vw,54px);letter-spacing:-.04em;line-height:1.35;margin:12px 0 25px}h2{font-size:24px;line-height:1.5;margin:42px 0 14px}p,li{font-size:16px;line-height:1.95}small,.tag{color:#687688;font-size:14px}.lead{font-size:20px;color:#536072}.box{background:white;border-radius:20px;padding:25px;margin:25px 0;border:1px solid #e8e8e5}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cols .box{margin:0}blockquote{border-left:3px solid #509bdc;margin:28px 0;padding:5px 22px;font-size:20px;line-height:1.8}img,video{max-width:100%;display:block;border-radius:15px;margin:25px auto}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dededc;padding:14px 8px}th{color:#60758b}button{font:inherit;border:0;background:#1d65b5;color:white;border-radius:99px;padding:13px 22px;cursor:pointer}input{font:inherit;width:100%;padding:15px;border:1px solid #ccd3dc;border-radius:12px}details{padding:20px 0;border-bottom:1px solid #dededc}summary{cursor:pointer;font-weight:bold}footer{padding:30px;text-align:center;font-size:14px;color:#728090}@media(max-width:600px){main{padding:38px 7% 60px}.cols{grid-template-columns:1fr}p,li{font-size:14px}h2{font-size:21px}td,th{font-size:14px;padding:12px 5px}}
p,li,.card p,.scene p{font-size:16px;line-height:1.9}small,.tag,.note,figcaption,.source,footer{color:#556170}table{font-size:15px}th,td{overflow-wrap:anywhere}@media(max-width:600px){p,li,.card p,.scene p{font-size:16px}th,td{font-size:14px}}

.skill-ref-code{margin-top:18px;border:0;padding:0}.skill-ref-code summary{font-size:14px;min-height:44px;display:flex;align-items:center;color:#556170;font-weight:500}.skill-ref-code code{font-size:14px;overflow-wrap:anywhere;display:block;padding:12px;background:#eef2f6;border-radius:10px}.box h2:first-child{margin-top:0}

/* v28: 見出しを語の途中で折らない・表の左の短い見出しを1文字ずつ折らない */
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
@supports (word-break:auto-phrase){h1,h2,h3{word-break:auto-phrase}}
th{word-break:keep-all;overflow-wrap:anywhere;min-width:4.2em}

header a.home{color:inherit;text-decoration:none;font-weight:700}header a.home:hover{text-decoration:underline}

th,td{overflow-wrap:break-word}