.watch-main{background:#e9eee7;padding:53px 0 58px}
.watch-grid{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:clamp(38px,7vw,90px);align-items:center}
.watch-frame{aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#10291f;box-shadow:0 22px 52px #142f2740}
.watch-frame iframe{display:block;width:100%;height:100%;border:0}
.watch-copy h1{font:600 clamp(36px,4vw,56px)/1.35 NotoSerifTC,serif;margin:14px 0 20px}
.watch-copy>p{max-width:560px;margin:0 0 18px;font-size:17px;line-height:1.85}
.watch-copy .watch-note{color:#627265;font-size:13px}
.watch-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.watch-links a{padding:11px 16px;border:1px solid #7f9b84;border-radius:4px;color:#244632;font-size:14px;font-weight:700;text-decoration:none}
.watch-links a:first-child{background:#214b38;color:#fff}
.watch-links a:hover{filter:brightness(.92)}
.watch-related{padding-top:65px;padding-bottom:78px}
.watch-related h2{font:600 30px/1.4 NotoSerifTC,serif;margin:0 0 22px}
.watch-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.watch-related-grid a{display:flex;align-items:center;gap:17px;padding:11px;border:1px solid #dae2d6;border-radius:8px;text-decoration:none;background:#fff;font-weight:700}
.watch-related-grid img{width:70px;height:96px;object-fit:cover;border-radius:5px}
.watch-all{display:inline-block;margin-top:29px;color:#24533c;font-size:14px;font-weight:700;text-underline-offset:4px}
@media(max-width:740px){.watch-main{padding:30px 0 42px}.watch-grid{grid-template-columns:1fr;gap:31px}.watch-frame{width:min(100%,350px);margin:auto}.watch-copy h1{font-size:35px}.watch-copy>p{font-size:16px}.watch-related{padding-top:43px;padding-bottom:60px}.watch-related-grid{grid-template-columns:1fr;gap:10px}}
