body{background:#fdfaf5}.story-page{width:min(980px,100% - 32px);margin:32px auto 48px}.story-header{border:1px solid #eadbce;border-radius:18px;background:linear-gradient(180deg,#fffdfb,#fff7ef);padding:22px;margin-bottom:18px}.story-header h1{font-size:clamp(28px,4vw,40px);color:#4d3525;margin-bottom:6px}.story-header p{color:#7a6555;font-size:15px;line-height:1.6}.story-back{display:inline-block;margin-top:12px;color:#8b5e3c;font-weight:700}.story-list{display:grid;grid-gap:14px;gap:14px}.story-item{border:1px solid #e6d7c9;border-radius:16px;background:#fff;padding:18px;box-shadow:0 10px 24px rgba(63,39,22,.08)}.story-item h2{font-size:clamp(22px,3vw,30px);color:#3d2f24;margin-bottom:8px;line-height:1.25}.story-item p{color:#6f5a49;font-size:15px;line-height:1.7;margin-bottom:12px}.story-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5b79f;border-radius:999px;padding:9px 14px;color:#7a4f30;background:#fff7ef;font-weight:700;text-decoration:none}.article-page{width:min(980px,100% - 32px);margin:28px auto 48px}.article-wrap{border:1px solid #e8d9cb;border-radius:20px;background:#fff;padding:clamp(16px,3vw,28px);box-shadow:0 12px 26px rgba(63,39,22,.08)}.article-back{color:#8b5e3c;font-weight:700;display:inline-block;margin-bottom:14px}.article-title{font-size:clamp(26px,4vw,42px);line-height:1.2;color:#3f2f22;margin-bottom:10px}.article-intro{color:#705845;font-size:16px;line-height:1.75;margin-bottom:14px}.article-image{width:100%;border-radius:14px;margin:14px 0 18px;object-fit:cover;max-height:460px}.article-wrap h3{color:#4a3224;font-size:24px;margin:14px 0 8px}.article-wrap p{color:#5f4a3a;font-size:17px;line-height:1.9;margin-bottom:10px}.article-points{margin:6px 0 12px 18px;color:#5f4a3a;line-height:1.8}.article-cta{margin-top:8px;font-weight:800;color:#8b5e3c}