:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; background: #f6f3eb; color: #293b30; }
* { box-sizing: border-box; }
body { margin: 0; padding: 56px 22px 30px; }
main { max-width: 1000px; margin: auto; }
.eyebrow { font-size: 11px; letter-spacing: 2px; color: #697968; }
h1 { font-family: "Songti SC", serif; font-size: clamp(38px, 7vw, 64px); line-height: 1.3; margin: 28px 0 18px; }
.intro { font-size: 15px; line-height: 1.9; color: #6e7565; margin: 0 0 32px; }
.cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.item { display: block; position: relative; padding: 27px; border-radius: 23px; text-decoration: none; border: 1px solid #d9dfd2; color: inherit; }
.wake { background: #dfe9df; }
.tang { background: #f0e6d2; border-color: #e2d7bf; }
.number { font-size: 11px; letter-spacing: 1px; }
.art { display: block; font-family: serif; font-size: 76px; height: 140px; line-height: 140px; text-align: center; color: #45654f; }
.tang .art { font-size: 60px; color: #976447; }
h2 { font-size: 23px; margin: 10px 0; }
.item p { font-size: 14px; line-height: 1.9; min-height: 54px; color: #5c6958; }
.cta { display: block; padding: 18px 0; font-size: 15px; font-weight: 600; }
.item small { display: block; font-size: 11px; line-height: 1.8; color: #61705a; }
a:focus-visible { outline: 3px solid #28765f; outline-offset: 5px; }
.item:hover { border-color: #728a6e; }
aside { margin: 26px 0; padding: 22px; border: 1px dashed #d5d6c8; border-radius: 16px; }
aside span { font-size: 11px; color: #757965; display: block; margin-bottom: 10px; }
aside a { font-size: 14px; color: #48634c; text-underline-offset: 4px; }
aside p, footer { font-size: 11px; line-height: 1.9; color: #747966; }
@media (max-width: 600px) { body { padding-top: 30px; } .cards { grid-template-columns: 1fr; } .item { padding: 23px; } .art { height: 110px; line-height: 110px; } }