:root{--teal:#177e85;--dark:#146f75;--light:#d6eef0;--yellow:#fff27a;--gold:#dfc274;--pink:#e0a6a6;--blue:#8ea0d1}
*{box-sizing:border-box}body{margin:0;color:#2b2b2b;background:#fff;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;line-height:2;letter-spacing:.04em;overflow-wrap:anywhere}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--dark);text-underline-offset:.22em}a:focus-visible{outline:3px solid var(--dark);outline-offset:5px}a:hover{filter:brightness(.94)}
.site-header{background:#fff;border-bottom:1px solid #e6eeee}.header-inner{max-width:1100px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:#2b2b2b;text-decoration:none;font-size:20px;font-weight:900}.brand img{width:48px;height:48px;border-radius:50%;border:1px solid #e6eeee;object-fit:cover}
.line-button{display:inline-block;padding:17px 40px;border-radius:999px;background:var(--teal);color:#fff;text-align:center;text-decoration:none;font-size:20px;font-weight:900;line-height:1.7;box-shadow:0 5px 0 #0e5a5f;max-width:100%}.header-line{font-size:15px;padding:11px 24px;white-space:nowrap}
.hero{background:linear-gradient(180deg,var(--light),#f3fafb 75%,#fff);padding:56px 24px 40px}.hero-inner{max-width:900px;margin:auto}.eyebrow{margin:0 0 18px;color:var(--dark);text-align:center;font-weight:900;font-size:17px;letter-spacing:.14em}h1{font-size:clamp(24px,3.1vw,36px);font-weight:900;line-height:1.7;margin:0 0 24px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.tag{display:inline-block;background:#f6efd9;color:#6b5414;border-radius:999px;padding:4px 14px;font-size:13px;line-height:1.8}.pink .tag{background:#f8e6e6;color:#7a3434}.blue .tag{background:#e8ecf7;color:#2c3f72}.eyecatch{display:block;width:100%;border-radius:22px;box-shadow:0 10px 28px #146f7517}
.sales{max-width:900px;margin:12px auto 64px;padding:28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;border:2px solid var(--gold);border-radius:22px;box-shadow:0 6px 0 #efe0b0}.sales img{width:100%;border:1px solid #eee;border-radius:12px}.sales h2{font-size:18px;color:var(--dark);margin:0}.sales-amount{font-size:clamp(28px,3.6vw,42px);font-weight:900;color:var(--teal);margin:8px 0 0;letter-spacing:0;white-space:nowrap}.sales-amount span{background:linear-gradient(transparent 60%,var(--yellow) 60%);padding:0 4px}
.story-body{max-width:720px;margin:0 auto 80px;font-size:17px;line-height:2}.story-body p{margin:0 0 1.5em}.story-body h2,.story-body h3{font-weight:900;line-height:1.8;scroll-margin-top:24px}.story-body h2{font-size:24px;margin:2.8em 0 1.3em;padding:18px 22px;background:var(--light);border-left:5px solid var(--teal);border-radius:0 14px 14px 0;color:var(--dark)}.story-body h3{font-size:21px;margin:2em 0 1em;border-bottom:2px solid var(--light);padding-bottom:10px;color:var(--dark)}.story-body strong{font-weight:900;background:linear-gradient(transparent 56%,var(--yellow) 56%)}.story-body figure{margin:32px 0}.story-body img{display:block;margin:auto;border-radius:16px;box-shadow:0 6px 22px #146f7517}.story-body figcaption{font-size:13px;color:#555;text-align:center;margin-top:10px}.story-body figcaption:empty{display:none}.story-body blockquote{margin:0;padding:28px;background:#f1f9fa;border:1px solid #c9e5e7;border-radius:18px}.story-body blockquote p:last-child{margin-bottom:0}.story-body hr{border:0;border-top:1px solid #c9e5e7;margin:48px 0}.story-body ul,.story-body ol{padding-left:1.5em}.story-body .line-button{display:block;width:100%;margin:24px 0 30px;padding:20px 24px}.story-body pre{white-space:pre-wrap}.story-body table{width:100%;table-layout:fixed}
.related{background:#f3fafb;padding:56px 24px 64px}.related-inner{max-width:1100px;margin:auto}.related h2{text-align:center;font-size:28px;color:var(--dark);font-weight:900;margin:0 0 32px}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}.student-card{display:block;min-width:0;padding:18px;border:2px solid var(--gold);border-radius:20px;box-shadow:0 6px 0 #efe0b0;text-decoration:none;color:#2b2b2b;background:#fff;transition:transform .15s}.student-card:hover{transform:translateY(-3px)}.student-card.pink{border-color:var(--pink);box-shadow:0 6px 0 #f1d3d3}.student-card.blue{border-color:var(--blue);box-shadow:0 6px 0 #d3daee}.student-card img{width:100%;height:auto;border-radius:12px;border:1px solid #eee}.card-amount{margin:14px 0 0;font-size:26px;font-weight:900;color:var(--teal);letter-spacing:0}.person{margin:2px 0 8px;font-size:15px}.closing{text-align:center;padding:56px 16px 48px}.closing .line-button{min-width:min(360px,100%);background:var(--yellow);color:#0e5a5f;box-shadow:0 5px 0 #d9c94a}.back-link{display:block;width:fit-content;margin:28px auto 0;font-size:15px}footer{padding:24px 16px;border-top:1px solid #e6eeee;text-align:center;font-size:13px;color:var(--dark)}
@media(max-width:960px){.sales{margin-left:24px;margin-right:24px}.story-body{padding:0 24px;max-width:768px}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.header-inner{padding:12px 16px;gap:8px}.brand{font-size:16px;gap:7px;letter-spacing:0}.brand img{width:36px;height:36px}.header-line{font-size:12px;padding:11px 13px;letter-spacing:0}.hero{padding:32px 16px}.eyebrow{font-size:15px}h1{font-size:24px;line-height:1.8}.tags{gap:8px;margin-bottom:24px}.eyecatch{border-radius:16px}.sales{margin:0 16px 48px;padding:20px;grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}.sales h2{font-size:17px}.sales-amount{font-size:36px}.story-body{padding:0 16px;font-size:16px;margin-bottom:56px}.story-body h2{font-size:21px;padding:14px 16px}.story-body blockquote{padding:20px 16px}.story-body .line-button{font-size:18px;padding:18px 16px}.related{padding:40px 16px 48px}.related h2{font-size:23px}.student-grid{grid-template-columns:minmax(0,1fr);gap:24px}.line-button{font-size:18px;padding:17px 28px}.header-line{font-size:12px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.student-card{transition:none}}