.cards-page{max-width:1100px;margin:0 auto;padding:3rem 24px 5rem;color:#333c32}.cards-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;margin-bottom:2.5rem}.cards-heading img{width:100%;height:280px;object-fit:cover;display:block;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.cards-heading h1{font:400 clamp(2.5rem,5vw,4.2rem)/1.08 Georgia,serif;margin:1rem 0}.cards-heading p{line-height:1.7;max-width:42ch}.cards-kicker{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#576b50}.cards-mode{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:1rem;border-bottom:1px solid #d6d7cd;margin-bottom:1.5rem}.cards-mode button{min-height:44px;padding:8px 16px;background:none;border:1px solid #b4b7ab;border-radius:3px;color:#374532;font:inherit;cursor:pointer}.cards-mode button[aria-pressed=true]{background:#465540;color:#fff;border-color:#465540}.cards-account-note{background:#ebece3;padding:1rem;line-height:1.6}.cards-tile-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:1.5rem 0}.cards-tile-picker button{min-width:0;min-height:72px;text-align:left;display:flex;align-items:center;gap:8px;border:1px solid #d3d1c5;background:#eeebe0;color:#3e473b;padding:12px;font:inherit;font-size:.85rem;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.cards-tile-picker button>span:first-child{font-size:.66rem;opacity:.7;align-self:flex-start}.cards-tile-picker button[aria-pressed=true]{background:#465540;color:#fff}.cards-tile{background:#fffdf7;border:1px solid #d4d1c6;border-top:4px solid #65735b;padding:2.5rem;min-height:320px;max-width:800px;margin:0 auto;box-shadow:0 4px 20px #313b3006;transition:background-color .2s ease,border-color .2s ease}.cards-tile.is-turned{background:#f0f2e8;border-color:#bdc6b5}.cards-tile h2{font:400 clamp(1.8rem,4vw,2.8rem)/1.25 Georgia,serif;overflow-wrap:anywhere;margin:1.25rem 0}.cards-tile p{line-height:1.7}.cards-context{max-width:55ch}.cards-tile blockquote{font:400 1.2rem/1.8 Georgia,serif;white-space:pre-line;border-left:2px solid #a95743;padding-left:1rem;margin:1.5rem 0}.cards-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 20px;border:1px solid #465540;border-radius:3px;background:#465540;color:#fff;text-decoration:none;font:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.cards-button:hover:not(:disabled){background:#35432f;color:#fff}.cards-secondary{background:transparent;color:#465540}.cards-secondary:hover:not(:disabled){background:#e5e9dc;color:#35432f}.cards-text-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;background:none;border:0;color:#465540;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.cards-actions,.cards-rating{display:flex;flex-wrap:wrap;align-items:center;gap:12px;max-width:800px;margin:1.25rem auto}.cards-rating>*{flex:1}.cards-small{font-size:.83rem;line-height:1.6;color:#60685d}.cards-private{max-width:800px;margin:1.5rem auto}.cards-library-line{font-size:.83rem;color:#586653}.cards-session{max-width:800px;margin:1rem auto}.cards-session progress{width:100%;height:5px;accent-color:#465540}.cards-empty{max-width:800px;background:#eeefe5;padding:2rem;margin:2rem auto}.cards-empty h2{font:400 2rem/1.2 Georgia,serif}.cards-empty p{line-height:1.7}.cards-status{min-height:1.6em;font-size:.9rem;line-height:1.6;max-width:800px;margin:1rem auto;color:#43523a}.cards-status.is-error{color:#9a4533}.cards-summary{border-top:1px solid #d5d6cc;margin-top:2rem;padding-top:1.75rem}.cards-summary h3{font:400 1.8rem/1.2 Georgia,serif;margin:.7rem 0}.cards-summary p{line-height:1.6}.cards-summary .cards-actions{margin:1rem 0}.cards-summary-count strong{font-size:1.15rem}.cards-summary-count span{margin:0 .5rem}.cards-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 24px;max-width:1280px;margin:auto;border-bottom:1px solid #d5d6cc}.cards-header .brand-wordmark{font:400 1.4rem Georgia,serif;white-space:normal}.cards-header .brand-mark{width:38px;height:38px;object-fit:contain}.cards-header .footer-brand{display:flex;gap:8px;align-items:center;color:#333c32;text-decoration:none}.cards-header nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cards-header nav a{display:inline-flex;align-items:center;min-height:44px;color:#465540}.cards-header [aria-current=page]{font-weight:700}.cards-footer{max-width:1100px;margin:auto;padding:2rem 24px;display:flex;flex-wrap:wrap;gap:16px 24px;border-top:1px solid #bfc3b6}.cards-footer a{min-height:44px;display:inline-flex;align-items:center;color:#465540;font-size:.85rem;overflow-wrap:anywhere}.cards-page :focus-visible,.cards-header :focus-visible,.cards-footer :focus-visible,.cards-summary :focus-visible{outline:3px solid #a95743;outline-offset:4px}.cards-page button:disabled{opacity:.55;cursor:default}.cards-lesson-invite{margin:2rem 0;padding:1.5rem;background:#edeee3;border-left:3px solid #647357}.cards-lesson-invite p{line-height:1.7}.cards-lesson-invite h2{font:400 1.8rem Georgia,serif;margin:0 0 1rem}.cards-lesson-invite a{display:inline-flex;align-items:center;min-height:44px;color:#465540;text-underline-offset:4px}
@media(max-width:680px){.cards-page{padding:2rem 20px 3rem}.cards-heading{grid-template-columns:1fr;gap:1.5rem}.cards-heading img{height:180px}.cards-tile-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-tile{padding:1.5rem;min-height:300px}.cards-rating{flex-direction:column;align-items:stretch}.cards-header{padding:12px 20px;gap:8px}.cards-header nav{width:100%;justify-content:space-between;gap:12px}.cards-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:2rem 20px}.cards-empty{padding:1.5rem}.cards-summary .cards-button{max-width:100%;text-align:center}.cards-actions{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){.cards-tile,.cards-button{transition:none}}

.cards-tile-picker button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}

.cards-tile-picker button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #a95743}