body{overflow-x:hidden}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100vw - 1100px)/2));background:#fff;border-bottom:1px solid #eee;gap:20px;flex-wrap:wrap}.detail-header>a{font-size:26px;font-weight:700;color:#362727}.detail-header nav{display:flex;gap:22px;flex-wrap:wrap}.detail-wrap{max-width:1100px;margin:40px auto;padding:0 24px 80px}.detail-wrap h1{font-size:clamp(32px,5vw,52px);line-height:1.2;margin:18px 0}.detail-wrap h2{margin:36px 0 16px}.detail-wrap p{line-height:1.85}.detail-lead{font-size:19px;color:#665858}.detail-cover{width:100%;max-height:550px;object-fit:cover;border-radius:16px;margin:24px 0}.detail-section{max-width:800px}.detail-related{display:flex;gap:12px;flex-wrap:wrap;margin:40px 0}.detail-related h2{width:100%}.detail-related a{background:#f6eeeb;padding:10px 14px;border-radius:8px}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.ref-card{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid #eee;border-radius:12px;text-decoration:none;color:#382b2b;background:#fff;transition:transform .2s}.ref-card:hover{transform:translateY(-3px)}.ref-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.ref-card strong{font-size:14px;overflow-wrap:anywhere}.ref-card span{font-size:12px;color:#866d6d}.ref-banner{max-width:1100px;margin:42px auto;padding:30px 24px;text-align:center;background:#f8efed;border-radius:16px}.ref-banner p{margin:14px 0 24px}@media(max-width:600px){.detail-header{padding:18px}.detail-wrap{margin:24px auto}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}