*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6f2;color:#20231f;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #668f00;outline-offset:5px}header{max-width:1280px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d9d1}.brand{font-family:Arial,sans-serif;font-size:29px;font-weight:900;letter-spacing:-1.5px}.brand em{color:#6d8f12;font-style:normal}nav{display:flex;gap:30px;font-size:14px;font-weight:700}.wrap{max-width:1280px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;padding:66px 0 60px;align-items:center}.eyebrow{font-family:monospace;font-size:13px;letter-spacing:2px;font-weight:bold}.hero h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-2px;line-height:1.4;margin:20px 0}.hero h1 span{background:#cdfb51;padding:0 10px}.hero p{color:#62685f;line-height:2}.terminal{background:#1c211c;color:#e8eddc;border-radius:15px;padding:27px 30px;box-shadow:10px 12px 0 #d6fa78;transform:rotate(2deg);font-family:monospace}.terminal-top{border-bottom:1px solid #42483c;padding-bottom:15px;font-size:13px;display:flex;justify-content:space-between;color:#b6c0a5}.terminal pre{font-family:inherit;font-size:clamp(13px,1.3vw,16px);line-height:2.2;white-space:pre-wrap;margin:25px 0}.green{color:#cdfb51}.terminal-foot{font-size:13px;color:#a4ac9a}.section-head{border-top:2px solid #20231f;padding-top:22px;display:flex;align-items:baseline;justify-content:space-between;margin-top:12px}.section-head h2{font-size:24px;margin:0}.section-head small{color:#68715d;font-family:monospace}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}button{font:inherit;font-size:14px;padding:9px 18px;border:1px solid #ced2c5;border-radius:25px;background:transparent;cursor:pointer}button[aria-pressed=true]{background:#222820;color:white;border-color:#222820}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{border:1px solid #d7d9d1;border-radius:10px;overflow:hidden;background:white;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card[hidden]{display:none}.art{height:205px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#d8edb5}.art .index{font-family:monospace;font-size:13px;letter-spacing:2px}.art .big{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(35px,4.8vw,62px);letter-spacing:-2px;line-height:1}.art .note{font:13px monospace}.art-1{background:#232a25;color:#d2fb75}.art-2{background:#dfd9f4;color:#3b2e64}.art-3{background:#e7e9e3;color:#4e5c47}.card-body{padding:25px 28px}.meta{font-size:12px;color:#64714e;display:flex;justify-content:space-between;gap:15px}.tag{font-weight:700}.card h3{font-size:23px;line-height:1.6;margin:13px 0 10px}.card p{color:#697063;margin:0;font-size:15px}.read{display:block;margin-top:22px;font-size:14px;font-weight:700}.about{margin:60px 0;background:#e9ede0;border-radius:10px;padding:35px 40px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.about h2{font-size:30px;line-height:1.55;margin:15px 0}.about p{margin:0;color:#56604b}.about .aside{font-size:13px;margin-top:13px}footer{border-top:1px solid #d7d9d1;padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;color:#65705b;font-size:13px}.article{max-width:780px;margin:55px auto 80px}.back{font-size:14px;color:#606b54}.article h1{font-size:clamp(30px,4vw,46px);line-height:1.5;letter-spacing:-1px;margin:20px 0}.lead{font-size:18px;color:#636e59;border-bottom:1px solid #d7d9d1;padding-bottom:30px;margin-bottom:35px}.article h2{font-size:24px;margin-top:40px}.article p{line-height:2.15}.draft{padding:14px 20px;background:#e9ede0;font-size:14px;border-left:3px solid #7e9d40;margin-bottom:35px}.next{border-top:1px solid #ced2c5;margin-top:50px;padding-top:25px;font-weight:bold}.empty{padding:30px} @media(max-width:700px){header{padding:20px 22px}.brand{font-size:25px}nav{gap:17px;font-size:13px}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding:40px 0 45px}.hero h1{letter-spacing:-1px}.terminal{margin:0 10px 8px 0;transform:rotate(1deg)}.grid{grid-template-columns:1fr}.art{height:180px}.art .big{font-size:49px}.about{grid-template-columns:1fr;padding:27px;gap:15px}.section-head h2{font-size:22px}.card h3{font-size:21px}footer{align-items:flex-start;gap:20px}.article{margin-top:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}