
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0e0e0e;color:#d4c9b6;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.85}.wrap{width:min(1120px,calc(100% - 36px));margin:38px auto 70px}.eyebrow{font:12px Georgia,serif;letter-spacing:4px;color:#bf9b60}.hero{margin:0 0 28px}.hero h1{margin:5px 0 8px;color:#f3e4c2;font-size:clamp(27px,4vw,39px);font-weight:500}.hero p{margin:0;color:#b4a99c;font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:linear-gradient(145deg,#151515,#0c0c0c);border:1px solid #514330;padding:22px;min-width:0}.card h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #55432a;color:#d9b472;font-weight:500;font-size:18px}.card-content{display:flex;gap:18px}.card img{width:40%;object-fit:cover;aspect-ratio:4/3;border-radius:3px}.card ul{margin:0;padding-left:20px;font-size:13px}.card li{margin:4px 0}.card li::marker{color:#d7ac64}.link{display:inline-block;margin:16px 0 0;padding:5px 15px;border:1px solid #ae8749;border-radius:3px;color:#e1bf7a;text-decoration:none;font-size:13px}.link:hover,.link:focus{background:#2d2417}.detail{max-width:860px;margin:0 auto;background:#151412;border:1px solid #4f4030;padding:clamp(20px,4vw,44px)}.detail .cover{display:block;max-width:100%;width:480px;max-height:300px;object-fit:cover;margin:20px 0;border-radius:4px}.detail h2{font-size:17px;color:#ddb87a;margin:24px 0 5px}.detail p{margin:0 0 12px;font-size:14px}.detail .intro{font-size:15px;color:#e4d7c0}.detail a{color:#d9b472}.foot{border-top:1px solid #453826;margin-top:30px;padding-top:15px;font-size:12px;color:#b5a790}@media(max-width:750px){.grid{grid-template-columns:1fr}.wrap{width:min(100% - 24px,640px);margin-top:24px}.card{padding:16px}.card-content{gap:12px}.card img{width:38%}}@media(max-width:390px){.card-content{display:block}.card img{width:100%;max-height:190px;margin-bottom:12px}}
