.menu-main{max-width:1080px;margin:auto;padding:55px 40px 0}
.menu-intro{margin-bottom:43px}
.menu-intro h1{font-size:clamp(36px,4.5vw,54px);font-weight:500;letter-spacing:-2px;line-height:1.15;margin-bottom:20px}
.menu-intro h1 em{color:var(--green)}
.menu-intro>p:last-child{font-size:16px;line-height:1.9;color:var(--muted)}
.topic-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}
.topic-section-heading h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0;scroll-margin-top:20px}
.topic-section-heading>span{font-size:12px;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.topic-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);text-decoration:none;color:var(--ink)}
.topic-card:hover{border-color:#75927b;box-shadow:0 6px 22px #243b340a}
.topic-art{min-height:195px;background:#eaf0e5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 18px;gap:17px}
.topic-card:nth-child(even) .topic-art{background:#f2e9dd}
.ratio-art{display:flex;align-items:center;justify-content:center;gap:20px}
.ratio-art>div{display:flex;gap:9px}
.ratio-art>span{font-family:Georgia,serif;font-size:32px;color:#53674d}
.art-circle,.art-square{display:block;height:29px;width:29px}
.art-circle{border-radius:50%;background:var(--green)}
.art-square{border-radius:5px;background:#b87850}
.topic-art>p{font-family:Georgia,serif;font-size:29px;color:var(--green);margin:0;word-spacing:10px}
.topic-art>p>span{color:#56675b}
.rate-art{display:flex;justify-content:center;align-items:center;gap:23px}
.rate-art>div{text-align:center}
.rate-art strong{font-family:Georgia,serif;font-size:36px;font-weight:400;display:block;line-height:1.3}
.rate-art>div>span{font-size:12px;color:var(--muted)}
.art-arrow{font-size:29px;color:var(--green)}
.rate-art+p{font-family:Arial,Helvetica,sans-serif;font-size:12px;word-spacing:normal;color:#635740}
.generic-art{font-family:Georgia,serif;font-size:34px;text-align:center}
.topic-copy{padding:27px;display:flex;flex:1;flex-direction:column}
.topic-copy .eyebrow{font-size:9px;margin-bottom:10px}
.topic-copy h2{font-family:Georgia,serif;font-size:31px;font-weight:400;margin-bottom:14px}
.topic-description{font-size:15px;line-height:1.85;color:#526259}
.topic-copy ul{list-style:none;padding:0;margin:0 0 23px;font-size:13px;line-height:2}
.topic-copy li:before{content:'✓';padding-right:10px;color:var(--green)}
.topic-meta{font-size:11px;color:var(--muted);margin-top:auto;margin-bottom:18px}
.topic-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:var(--green);font-size:14px;font-weight:600}
.topic-action>span{font-size:22px;font-weight:400}
.how-to{border-top:1px solid var(--line);margin-top:48px;padding-top:30px}
.how-to h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-bottom:27px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:33px}
.how-number{font-family:Georgia,serif;font-size:23px;color:#657558}
.how-grid h3{font-size:14px;margin:10px 0}
.how-grid p{font-size:13px;line-height:1.9;color:var(--muted)}
.menu-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:22px}
@media(max-width:650px){.menu-main{padding:32px 20px 0}.menu-intro{margin-bottom:32px}.menu-intro h1{font-size:39px}.menu-intro>p:last-child{font-size:14px}.topic-grid{grid-template-columns:1fr;gap:22px}.topic-section-heading h2{font-size:23px}.topic-section-heading>span{font-size:11px}.topic-art{min-height:170px}.topic-copy{padding:24px}.how-grid{grid-template-columns:1fr;gap:15px}.how-grid>div{padding-left:40px;position:relative}.how-number{position:absolute;left:0;top:0}.how-grid h3{margin-top:4px}.how-to{margin-top:32px}.menu-note{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.topic-card{transition:border-color .15s,box-shadow .15s}}