/* TOEIC Accordion Reusable 2.2 - Englio orange interaction palette */
.tar-accordion{font-family:inherit;width:100%;color:#24364e}
.tar-accordion *{box-sizing:border-box}
.tar-group{border:1px solid #dfe5ed;border-radius:8px;margin-bottom:12px;overflow:hidden;background:#fff}
.tar-toggle{appearance:none;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:13px 18px;background:#fff;border:0;color:#142c4b;text-align:left;cursor:pointer;font:inherit;line-height:1.5;transition:background .2s}
.tar-toggle:hover{background:#fff3e9;color:#d95400}
.tar-toggle:focus-visible{outline:2px solid #ff6b00;outline-offset:-3px}
.tar-toggle[aria-expanded=true]{background:#fff0e3;color:#b94700}
.tar-group-title{font-weight:700;min-width:0;overflow-wrap:anywhere}
.tar-count{font-size:12px;color:#64748b;border:1px solid #dfe5ed;border-radius:4px;padding:1px 6px;white-space:nowrap;line-height:1.5}
.tar-chevron{margin-left:auto;flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#284768;transition:transform .2s,background .2s}
.tar-chevron svg{display:block;width:18px;height:18px;transition:transform .2s}
.tar-toggle[aria-expanded=true] .tar-chevron svg{transform:rotate(180deg)}
.tar-toggle:hover .tar-chevron,.tar-toggle[aria-expanded=true] .tar-chevron{background:#ffe1c7;color:#e65c00}
.tar-panel{padding:16px}
.tar-panel[hidden]{display:none!important}
.tar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tar-card{display:block;min-width:0;background:#fff;border:1px solid #d9e1ea;border-radius:7px;padding:16px;line-height:1.55}
.tar-card-content{min-width:0}
.tar-lesson-title{color:#e65c00;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
a.tar-lesson-title:hover{text-decoration:underline}
.tar-description{margin-top:6px;font-size:14px;overflow-wrap:anywhere}
.tar-meta{margin-top:10px;color:#53627a;font-size:12px}
@media(max-width:650px){.tar-grid{grid-template-columns:1fr;gap:10px}.tar-panel{padding:10px}.tar-card{padding:13px}.tar-toggle{padding:12px 14px;min-height:48px}.tar-chevron{flex-basis:28px;width:28px;height:28px}}

/* Orange hover accents on lesson cards and group borders */
.tar-group{transition:border-color .2s}
.tar-group:has(>.tar-toggle:hover),.tar-group:has(>.tar-toggle[aria-expanded=true]){border-color:#ffbc89}
.tar-card{transition:background .2s,border-color .2s}
.tar-card:hover{background:#fff7f0;border-color:#ffbc89}
a.tar-lesson-title:hover{color:#c54e00}
@media(hover:none){.tar-toggle:hover:not([aria-expanded=true]){background:#fff;color:#142c4b}.tar-card:hover{background:#fff;border-color:#d9e1ea}}

/* v2.3: prevent theme button focus/active styles overriding accordion */
.tar-accordion button.tar-toggle,
.tar-accordion button.tar-toggle:not(:hover):not([aria-expanded="true"]),
.tar-accordion button.tar-toggle:focus:not(:hover):not([aria-expanded="true"]),
.tar-accordion button.tar-toggle:active:not([aria-expanded="true"]){background:#fff!important;background-color:#fff!important;color:#142c4b!important;background-image:none!important;box-shadow:none!important;border:0!important;opacity:1!important;filter:none!important}
.tar-accordion button.tar-toggle:hover{background:#fff3e9!important;background-color:#fff3e9!important;color:#d95400!important;background-image:none!important;box-shadow:none!important}
.tar-accordion button.tar-toggle[aria-expanded="true"],
.tar-accordion button.tar-toggle[aria-expanded="true"]:hover,
.tar-accordion button.tar-toggle[aria-expanded="true"]:focus,
.tar-accordion button.tar-toggle[aria-expanded="true"]:active{background:#fff0e3!important;background-color:#fff0e3!important;color:#b94700!important;background-image:none!important;box-shadow:none!important}
.tar-accordion button.tar-toggle:focus-visible{outline:2px solid #ff6b00!important;outline-offset:-3px}
.tar-accordion button.tar-toggle .tar-chevron{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
@media(hover:none){.tar-accordion button.tar-toggle:hover:not([aria-expanded="true"]){background:#fff!important;color:#142c4b!important}}