/* Reference palette accents. Keep the approved C hero intact. */
.c main>#explore{--bg:#fff8ed}
.c main>#reading{--bg:#f6f0e5}
.c #explore .section-head h2{color:#9d3e33}
.c .topic-art{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin:16px 0 24px}
.c main .section .topic{--tile:#f2dcdf;--tile-ink:#713c4d;background:var(--tile);color:var(--tile-ink);border:1px solid transparent;border-radius:70px 70px 5px 5px;padding:22px 18px;min-height:240px;transition:transform .25s,box-shadow .25s,border-color .25s}
.c main .section .topic:nth-child(2){--tile:#e9e1f1;--tile-ink:#584670;border-radius:5px 70px 5px 5px}
.c main .section .topic:nth-child(3){--tile:#e4eadb;--tile-ink:#455a3d;border-radius:5px}
.c main .section .topic:nth-child(4){--tile:#dfe8ef;--tile-ink:#3b566b;border-radius:70px 5px 5px 5px}
.c main .section .topic:nth-child(5){--tile:#f5e2cb;--tile-ink:#785332}
.c main .section .topic small{position:absolute;top:22px;right:20px;color:var(--tile-ink)}
.c main .section .topic strong{font-size:18px;letter-spacing:-.4px}
.c main .section .topic .arrow{position:absolute;right:18px;bottom:22px;top:auto}
.c main .section .topic:hover,.c main .section .topic[aria-pressed=true]{background:var(--tile);color:var(--tile-ink);border-color:var(--tile-ink);box-shadow:0 8px 18px #3d29320a}
.c main .section .topic:hover small,.c main .section .topic[aria-pressed=true] small{color:var(--tile-ink)}
.c .topic[aria-pressed=true]:after{content:'Selected';font-size:11px;margin-top:10px}
.c main .section .demo{background:#fffdf7;border:0;border-left:3px solid #a34236;border-radius:0;padding:36px;margin-top:32px}
.c .demo a{color:#963c31}
.c .perspective-mark{margin:34px auto 0;text-align:center;height:86px}
.c .perspective-mark svg{height:86px;width:240px;fill:none;stroke:#9d675e;stroke-width:1}
.c .synthesis{padding-top:20px}
.c .synthesis>div{border-top:1px solid #d8c8c1;padding-top:20px}
.c main .section .how{border-radius:90px 8px 8px 8px;background:#ece4f2;padding:52px}
.c .step b{border:1px solid #b5a3bc;border-radius:50%;width:32px;height:32px;text-align:center;padding-top:5px}
.c main .section .plan.featured{border-radius:65px 6px 6px 6px;border-color:#c4c796;box-shadow:0 14px 30px #41332908}
.c .plan.featured .tag{padding-top:8px}
.c main>.share-band{background:#f0d8ca;box-shadow:0 0 0 100vmax #f0d8ca}
.c .share-button{background:#9d3e33;color:#fff8ed;border-color:#9d3e33}
.c .share-button:hover{background:#7b3028}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.c main .section .topic:hover{transform:translateY(-5px)}.c .topic:hover .topic-art{transform:rotate(-5deg)}.c .topic-art{transition:transform .3s}}
@media(max-width:760px){.c main .section .topic{min-height:210px;padding:18px 14px;border-radius:48px 48px 4px 4px}.c .topic-art{width:52px;height:52px;margin:18px 0 20px}.c main .section .topic strong{font-size:16px}.c main .section .topic:last-child{min-height:140px;padding-left:98px;border-radius:4px 44px 4px 4px;display:flex;flex-direction:column;justify-content:center}.c .topic:last-child .topic-art{position:absolute;left:22px;top:24px;margin:0}.c main .section .topic small{top:17px;right:16px}.c main .section .demo{padding:26px 22px}.c main .section .how{border-radius:55px 6px 6px 6px;padding:36px 26px}}
@media(prefers-reduced-motion:reduce){.c main .section .topic,.c .topic-art{transform:none!important;transition:none!important}}