#gts-main{background:transparent}
/* Brugerbestilt 12/9: en rolig baggrund med lidt liv. Bløde lys i brandturkis og et strejf orange, anker øverst hvor blikket lander; siden ender i hvid. */
#main-content.gts-page{background:radial-gradient(1200px 780px at 90% -10%,rgba(67,164,188,.30),rgba(67,164,188,0) 62%),radial-gradient(820px 620px at -8% 24%,rgba(244,163,56,.17),rgba(244,163,56,0) 60%),radial-gradient(900px 720px at 104% 56%,rgba(67,164,188,.14),rgba(67,164,188,0) 60%),radial-gradient(760px 560px at -6% 84%,rgba(244,163,56,.09),rgba(244,163,56,0) 60%),radial-gradient(1100px 560px at 50% 100%,rgba(67,164,188,.16),rgba(67,164,188,0) 62%),linear-gradient(180deg,#eef6f8 0,#f8fbfc 900px,#ffffff 1600px)}
.gts{--ink:#172d3b;--muted:#465a66;--link:#276f80;--line:#e0e9ec;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23276f80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E");max-width:1240px;margin:0 auto;padding:56px 24px 64px;color:var(--ink);font-family:'Avenir Std Book',Avenir,sans-serif;font-size:17px;line-height:1.6;text-align:left}
.gts *{box-sizing:border-box}
.gts [hidden]{display:none!important}
.gts h1,.gts h2,.gts h3,.gts button,.gts summary{font-family:'Avenir Roman',Avenir,sans-serif}
.gts a{color:var(--link)}
.gts a:hover{text-decoration:underline}
.gts :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--link);outline-offset:4px}
.gts p{padding:0;margin:0}
.gts-intro{margin-bottom:28px}
.gts-eyebrow{font-size:14px;color:var(--link);letter-spacing:.08em}
.gts h1{font-size:48px;line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:12px 0 14px;padding:0;color:var(--ink)}
.gts-intro>p{font-size:19px;color:var(--muted)}
.gts-filters{background:#ffffff;border:1px solid #b9ccd3;border-radius:20px;padding:28px 28px 18px;box-shadow:0 10px 30px rgba(35,57,91,.12),0 1px 2px rgba(35,57,91,.06)}
.gts-search>label,.gts-control{font-size:14px;display:block;color:var(--ink)}
.gts-search>div{display:flex;margin-top:8px;gap:10px}
.gts input[type=search]{min-width:0;flex:1;height:56px;border:1px solid #a7bac0;border-radius:8px;background:#f5f6f6;padding:12px 16px;font:inherit;color:var(--ink)}
.gts button{background:#f4a338;color:var(--ink);border:0;border-radius:8px;font-size:16px;padding:12px 24px;min-height:48px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:24px}
.gts button:hover{background:#e99a2e}
.gts-primary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:end}
.gts select{display:block;width:100%;min-height:52px;border:1px solid #a7bac0;background:#f5f6f6;color:var(--ink);border-radius:8px;padding:12px 46px 12px 16px;font:inherit;margin-top:8px;appearance:none;-webkit-appearance:none;background-image:var(--chevron);background-repeat:no-repeat;background-position:right 16px center;background-size:16px;cursor:pointer}
.gts-extra-filter{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:6px;font-size:15px;line-height:1.4;cursor:pointer}
.gts-extra-secondary{margin-top:0;align-self:end;min-height:52px;flex:1.2}
.gts input[type=checkbox]{width:21px;height:21px;accent-color:var(--link);flex-shrink:0}
.gts-extra-filter small{color:var(--muted);font-size:13px}
.gts-filter-bottom{display:flex;align-items:flex-start;margin-top:20px;padding-top:14px;border-top:1px solid #dce8eb;gap:12px}
.gts-filter-bottom details{flex:1;min-width:0}
.gts summary{cursor:pointer}
.gts-filter-bottom summary{font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:0;color:var(--link);list-style:none}
.gts-more-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px 8px 18px;border:1px solid var(--link);border-radius:8px;background:#ffffff;color:var(--link);font-family:'Avenir Roman',Avenir,sans-serif;transition:background 150ms ease}
.gts-filter-bottom summary:hover .gts-more-btn{background:#f0f7f8}
.gts-more-btn .gts-panel-badge{margin-left:0}
.gts-more-hint{font-size:13px;color:var(--muted)}
.gts-more[open] .gts-more-hint{display:none}
.gts-reset{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:underline;flex-shrink:0}
.gts-secondary{display:flex;gap:16px;margin:14px 0 4px;align-items:end;flex-wrap:wrap}
.gts-secondary label{flex:1}
.gts-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 8px;gap:12px}
.gts-count{font-size:18px}
.gts-sort{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.gts-sort select{width:auto;margin:0;border:0;background-color:#f5f6f6}
.gts-selection{margin:-6px 0 18px!important;color:var(--link);font-size:14px}
/* Rows share a height via JS min-height; an opened Akademi field then only lengthens its own card. */
.gts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.gts-card{border:1px solid #b9ccd3;border-radius:18px;overflow:hidden;background:#ffffff;box-shadow:0 8px 24px rgba(35,57,91,.14),0 1px 2px rgba(35,57,91,.06);min-width:0;display:flex;flex-direction:column;transition:transform 170ms ease,box-shadow 170ms ease,border-color 170ms ease}
.gts-card-top{display:flex;gap:16px;padding:22px 20px 18px;align-items:start;position:relative}
.gts-cover{position:relative;width:112px;aspect-ratio:1;flex-shrink:0;overflow:hidden;background:#e9f1f4;border-radius:6px}
.gts-cover img{width:100%;height:100%;object-fit:cover;display:block}
.gts-cover.gts-crop img{position:absolute;width:200%;height:auto;max-width:none;left:0;bottom:0}
.gts-title{min-width:0;padding-right:24px}
.gts-title>p{color:var(--muted);font-size:14px;line-height:1.3;margin-bottom:5px}
.gts-meta{margin-top:10px!important;margin-bottom:0!important;font-size:13px;line-height:1.5;letter-spacing:.01em;color:var(--ink);font-family:'Avenir Roman',Avenir,sans-serif}
.gts-title h2{color:var(--ink);font-size:23px;line-height:1.18;letter-spacing:-.02em;font-weight:400;padding:0;margin:0;overflow-wrap:anywhere}
.gts-versions{margin:0 20px;padding:8px 0 0;border-top:1px solid var(--line)}
.gts-version{padding:8px 0}
.gts-version>p{display:flex;gap:8px;justify-content:space-between;align-items:baseline;font-size:14px;line-height:1.4}
.gts-version strong{font-weight:400;font-family:'Avenir Roman',Avenir,sans-serif;color:var(--ink)}
.gts-version>p>span{color:var(--ink);font-size:14px;white-space:nowrap}
.gts-chords{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.gts-chords:empty{display:none}
.gts-chords>span{font-family:'Avenir Roman',Avenir,sans-serif;font-size:15px;line-height:1.2;min-width:30px;padding:6px 8px;text-align:center;background:#f0f7f8;border-radius:5px;color:var(--ink)}
.gts-version small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:3px}
.gts-other{padding:0 20px!important;font-size:12px;color:var(--muted)}
.gts-academy{flex-shrink:0;border-top:1px solid var(--line);background:#23395b;color:#ffffff}
.gts-academy summary{list-style:none;padding:17px 48px 17px 20px;position:relative;min-height:64px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px}
.gts-academy summary .gts-academy-extra{font-size:15px}
.gts-academy summary::-webkit-details-marker{display:none}
.gts-academy-label{font-size:13px;letter-spacing:.02em;color:#ffffff;opacity:.85}
.gts-academy-extra{font-size:14px;line-height:1.4;color:#ffffff}

.gts-plus{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1}
.gts-academy[open] .gts-plus{transform:translateY(-50%) rotate(45deg)}
.gts-academy>div{padding:0 20px 16px;font-size:13px;line-height:1.5}
.gts-academy>div a{display:block;padding-top:12px;color:#ffffff;text-decoration:underline;min-height:44px}
.gts-academy summary:focus-visible{outline-color:white;outline-offset:-4px}
.gts-academy a:focus-visible{outline-color:white}
.gts-academy .gts-plus{color:#f4a338}
.gts-empty{padding:42px 24px;border:1px solid var(--line);border-radius:18px;text-align:center}
.gts-empty h2{font-size:25px;color:var(--ink)}
.gts-level-help{margin-top:28px!important;color:var(--muted);font-size:14px;max-width:720px}
.gts-apply{margin-top:16px}

@media(min-width:1450px){.gts{max-width:1380px}
.gts-cover{width:120px}
.gts-card-top{gap:20px}
}

@media(max-width:1050px){.gts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.gts-primary{gap:16px}
.gts-cover{width:100px}
}

@media(max-width:650px){.gts{padding:30px 16px 42px;font-size:16px}
.gts h1{font-size:32px;margin:8px 0 10px}
.gts-intro>p{font-size:16px}
.gts-filters{padding:16px;border-radius:16px}
.gts-primary{grid-template-columns:1fr 1fr;gap:14px}
.gts-search>div{gap:8px}
/* 16 px in fields on mobile: iOS zooms the page when a smaller field gets focus, which reads as an accidental pinch. */
.gts input[type=search]{padding:10px;font-size:16px}
.gts select{font-size:16px}
.gts button{padding:10px 16px}
.gts button{gap:10px}.gts-search button span{font-size:20px}
.gts-grid{grid-template-columns:1fr;gap:16px}
.gts-card-top{padding:18px 18px 14px;gap:18px}
.gts-cover{width:90px}
.gts-title h2{font-size:23px}
.gts-versions{margin:0 18px}
.gts-sort{gap:4px;font-size:12px}
.gts-sort select{font-size:13px;padding-right:36px;background-position:right 10px center}
.gts-toolbar{margin:22px 0 8px}
.gts-secondary{flex-direction:column;align-items:stretch}
.gts-count{font-size:16px}
.gts-title>p{font-size:14px}
}

@media(prefers-reduced-motion:reduce){.gts *{scroll-behavior:auto!important;transition:none!important}
}


.gts-version>p>span:empty{display:none}
@media(max-width:360px){.gts-primary{grid-template-columns:1fr}
.gts-extra-filter{grid-column:auto}
.gts-sort{flex-wrap:wrap;justify-content:flex-end}
.gts-version>p{flex-wrap:wrap}
}


/* A lesson is one native link; Academy disclosures are separate sibling controls. */
.gts .gts-card-link{display:block;flex:1 1 auto;padding-bottom:18px;color:var(--ink);text-decoration:none;border-radius:17px;min-width:0}
.gts .gts-card-link:hover{text-decoration:none}
.gts .gts-card-link:focus-visible{outline-offset:-4px}
.gts-card-arrow{position:absolute;right:16px;top:18px;color:var(--link);width:22px;height:22px;transition:color 170ms ease}
.gts-card-arrow svg{display:block;width:100%;height:100%}
.gts-card:focus-within{border-color:var(--link);box-shadow:0 12px 28px rgba(35,57,91,.18)}
.gts-filter-bottom summary::-webkit-details-marker{display:none}
.gts-chevron{width:18px;height:18px;display:inline-block;background:var(--chevron) center/18px no-repeat;transition:transform 170ms ease}
.gts-filter-bottom details[open] .gts-chevron{transform:rotate(180deg)}
.gts-more-btn .gts-chevron{width:16px;height:16px;background-size:16px}
.gts-filter-bottom>.gts-reset{margin-left:auto;text-decoration:none}
.gts-filter-bottom .gts-reset:hover{text-decoration:underline}
.gts-reset>span{font-size:22px;line-height:1;text-decoration:none}

.gts-search button>span{font-size:23px;line-height:1}
.gts select:hover,.gts input[type=search]:hover{border-color:var(--link)}
@media(hover:hover) and (pointer:fine){
 .gts-card:has(.gts-card-link:hover){transform:translateY(-3px);border-color:#f4a338;box-shadow:0 0 0 2px #f4a338,0 14px 30px rgba(35,57,91,.20)}
 .gts-card-link:hover .gts-card-arrow{color:#b4670d}
 .gts-academy:not([open]) summary:hover{box-shadow:inset 0 0 0 3px #f4a338}
 .gts-academy[open]:hover{box-shadow:inset 0 0 0 3px #f4a338}
}

@media(max-width:650px){.gts-card-link{padding-bottom:14px}}
@media(forced-colors:active){.gts select{appearance:auto;background-image:none}.gts-chevron{background:none;border-right:2px solid;border-bottom:2px solid;width:9px;height:9px;transform:rotate(45deg)}.gts-filter-bottom details[open] .gts-chevron{transform:rotate(225deg)}}
@media(prefers-reduced-motion:reduce){.gts *{transition:none!important}.gts-card:has(.gts-card-link:hover){transform:none}}

.gts-card-chords{margin:0 20px 16px;border-top:1px solid var(--line);padding-top:14px}
.gts-label{font-size:13px;font-weight:400;line-height:1.4;color:var(--muted);margin:0;padding:0;font-family:'Avenir Roman',Avenir,sans-serif}
.gts-chord-context{font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px!important}
@media(max-width:650px){.gts-card-chords{margin-left:18px;margin-right:18px}}

.gts-chords>span{border:1px solid #d2e7ec;background:#dceef2;display:inline-flex;align-items:center}
.gts-chords>.gts-chord-optional{border:1px dashed #627e89}
.gts-card-link:focus-visible .gts-card-arrow{color:#b4670d}

.gts-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.gts-academy-benefit{font-size:14px;color:#ffffff;font-family:'Avenir Roman',Avenir,sans-serif}
.gts-academy>div p+p{margin-top:10px}

.gts-filter-help{font-size:12px;color:var(--muted);margin-top:10px!important}
.gts-secondary label{min-width:0}

/* Exposed text stays dark; the surrounding page controls the background. */
.gts-eyebrow,.gts-intro>p,.gts-sort,.gts-selection,.gts-level-help{color:var(--ink)}
.gts-sort select:focus-visible{outline-color:var(--ink)}
.gts-empty{background:#ffffff}


/* Keep the search focused while the catalogue can use a wide desktop. */
.gts-intro,.gts-filters{max-width:1000px;margin-left:auto;margin-right:auto}
@media(min-width:1440px){
 .gts{max-width:1640px}
 .gts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .gts-cover{width:104px}
 .gts-card-top{gap:14px;padding-left:18px;padding-right:18px}
 .gts-title{padding-right:18px}
 .gts-title h2{font-size:22px}
}

.gts-intro>p{max-width:820px}
.gts-guide{max-width:1000px;margin:56px auto 0;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:16px}
.gts-guide h2{font-size:24px;font-weight:400;line-height:1.25;letter-spacing:-.015em;color:var(--ink);margin:0 0 14px;padding:0}
.gts-guide p+p{margin-top:14px}
.gts-guide a{text-decoration:underline;text-underline-offset:3px}
#gts-results{scroll-margin-top:110px}
@media(max-width:900px){.gts-guide{grid-template-columns:1fr;gap:28px}}
@media(max-width:650px){.gts-guide{margin-top:36px;padding-top:24px}.gts-guide h2{font-size:23px}}

.gts-guide a[rel="nofollow"]{display:inline-block;text-decoration:none}.gts-guide a[rel="nofollow"]>span:first-child{text-decoration:underline;text-underline-offset:3px}

/* --- 0.1.18/0.1.19: filterpanel, klæbende værktøjslinje, Vis flere --- */
.gts-panel>summary{display:none}
.gts-panel-toggle{list-style:none;cursor:pointer;min-height:44px;align-items:center;gap:10px;font-size:15px;color:var(--link);font-family:'Avenir Roman',Avenir,sans-serif;padding:6px 0}
.gts-panel-toggle::-webkit-details-marker{display:none}
.gts-panel-badge{display:inline-block;font-size:12px;line-height:1;padding:4px 8px;border-radius:999px;background:#f4a338;color:var(--ink);margin-left:6px;font-family:'Avenir Roman',Avenir,sans-serif}
.gts-panel[open] .gts-panel-toggle .gts-chevron{transform:rotate(180deg)}
.gts-toolbar-tools{display:flex;align-items:center;gap:14px}
.gts .gts-open-filters{display:none;background:#ffffff;color:var(--link);border:1px solid var(--link);min-height:40px;padding:6px 14px;font-size:15px;gap:6px}
.gts .gts-open-filters:hover{background:#f0f7f8}
.gts-more-wrap{margin:28px 0 0!important;text-align:center}
.gts .gts-show-more{background:#ffffff;color:var(--link);border:1px solid var(--link);min-height:52px;padding:12px 28px;font-size:16px;gap:8px}
.gts .gts-show-more:hover{background:#f0f7f8}
.gts-remaining{color:var(--muted);font-size:14px}
.gts-versions>.gts-label{margin-bottom:2px}
.gts-card-chords{margin-bottom:12px}
.gts .gts-card-link{padding-bottom:14px}
@media(max-width:650px){
 .gts-intro{margin-bottom:18px}
 .gts-panel>summary{display:flex}
 .gts-filters{padding:14px 16px 12px}
 .gts-primary{margin-top:8px}
 .gts-filter-bottom{margin-top:12px;padding-top:12px;flex-wrap:wrap}
 .gts-filter-bottom .gts-more>summary{display:none}
 .gts-secondary{margin-top:0}
 .gts-filter-bottom details{flex:1 1 100%}
 .gts-filter-bottom>.gts-reset{margin-left:0}
 .gts-more-hint{flex-basis:100%}
 .gts-toolbar{margin:18px -16px 8px;padding:10px 16px}
 .gts-toolbar.is-fixed{position:fixed;left:0;right:0;top:var(--gts-sticky-top,0);z-index:20;margin:0;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);box-shadow:0 4px 14px rgba(35,57,91,.08)}
 .gts .gts-open-filters{display:inline-flex}
 .gts-sort>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .gts-sort select{min-height:40px;padding:6px 30px 6px 10px;font-size:16px;border:1px solid #c5d5db;background-color:#ffffff}
 .gts-toolbar-tools{gap:8px}
 .gts-cover{width:96px}
}

/* --- 0.2.0: medlemsudgave ([guitartid_sange mode="akademi"]) --- */
.gts-member .gts-eyebrow{color:#23395b}
.gts-scope{display:flex;gap:0;margin-top:22px;border:1px solid var(--link);border-radius:999px;padding:3px;width:max-content;max-width:100%;background:#ffffff}
.gts-scope-option{position:relative;display:inline-flex}
.gts-scope-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.gts-scope-option span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 18px;border-radius:999px;font-family:'Avenir Roman',Avenir,sans-serif;font-size:15px;color:var(--link);white-space:nowrap;transition:background 150ms ease,color 150ms ease}
.gts-scope-option small{font-size:13px;opacity:.75}
.gts-scope-option input:checked+span{background:#23395b;color:#ffffff}
.gts-scope-option input:focus-visible+span{outline:3px solid var(--link);outline-offset:3px}
.gts-scope-option input:not(:checked):hover+span{background:#f0f7f8}
.gts-actions{flex-shrink:0;border-top:1px solid var(--line);display:flex;flex-direction:column}
.gts .gts-practice{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:2px;padding:17px 48px 17px 20px;position:relative;min-height:64px;background:#23395b;color:#ffffff;text-decoration:none;flex-shrink:0;transition:box-shadow 150ms ease}
.gts .gts-practice .gts-academy-extra{font-size:15px}
/* Same size and weight as the practice bar; teal (the link colour) so it is neither the Academy blue nor the chord chips. */
.gts .gts-pdf{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:2px;padding:17px 48px 17px 20px;position:relative;min-height:64px;background:#276f80;color:#ffffff;text-decoration:none;border-top:1px solid rgba(255,255,255,.18);flex-shrink:0;transition:box-shadow 150ms ease}
.gts .gts-pdf .gts-academy-extra{font-size:15px}
/* Hover = the same orange outline as the card itself; nothing else changes, so one hover language across the page. */
.gts .gts-pdf:hover{text-decoration:none;box-shadow:inset 0 0 0 3px #f4a338}
.gts .gts-pdf:focus-visible{outline-color:#ffffff;outline-offset:-4px}
.gts .gts-pdf:hover .gts-practice-arrow{transform:translate(3px,-50%)}
.gts .gts-practice:hover{text-decoration:none;box-shadow:inset 0 0 0 3px #f4a338}
.gts .gts-practice:focus-visible{outline-color:#ffffff;outline-offset:-4px}
.gts-practice-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;line-height:1;color:#f4a338;transition:transform 150ms ease}
.gts .gts-practice:hover .gts-practice-arrow{transform:translate(3px,-50%)}
.gts-recent{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1000px;margin:18px auto 0}
.gts-recent-title{font-size:14px;color:var(--muted);font-family:'Avenir Roman',Avenir,sans-serif;margin-right:4px!important}
.gts-recent-list{display:contents;list-style:none;margin:0;padding:0}
.gts-recent-list li{display:inline-flex;align-items:stretch;border:1px solid #c5d5db;border-radius:10px;background:#ffffff;overflow:hidden;max-width:100%}
.gts .gts-recent-song{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px 8px 14px;font-size:14px;color:var(--ink);text-decoration:none;font-family:'Avenir Roman',Avenir,sans-serif;min-width:0}
.gts .gts-recent-song span{color:var(--muted);font-family:'Avenir Std Book',Avenir,sans-serif;font-size:13px}
.gts .gts-recent-song:hover{text-decoration:none;box-shadow:inset 0 0 0 3px #f4a338}
.gts .gts-recent-list li>:first-child{border-radius:10px 0 0 10px}
.gts .gts-recent-list li>:last-child{border-radius:0 10px 10px 0}
.gts .gts-recent-list li>:only-child{border-radius:10px}
.gts .gts-recent-practice,.gts .gts-recent-pdf{display:inline-flex;align-items:center;padding:0 12px;font-size:13px;background:#23395b;color:#ffffff;text-decoration:none;font-family:'Avenir Roman',Avenir,sans-serif}
.gts .gts-recent-practice:hover{text-decoration:none;box-shadow:inset 0 0 0 3px #f4a338}
.gts .gts-recent-pdf{background:#276f80;border-left:1px solid rgba(255,255,255,.25)}
.gts .gts-recent-pdf:hover{text-decoration:none;box-shadow:inset 0 0 0 3px #f4a338}
.gts .gts-recent-clear{background:none;border:0;color:var(--muted);font-size:13px;min-height:32px;padding:4px 8px;text-decoration:underline}
.gts .gts-recent-clear:hover{background:none;color:var(--link)}
@media(max-width:650px){
 .gts-scope{margin-top:10px;width:100%;justify-content:stretch}
 .gts-scope-option{flex:1}
 .gts-scope-option span{width:100%;justify-content:center;padding:6px 10px;font-size:14px}
 .gts-recent{margin-top:12px;gap:8px}
 .gts-recent-title{flex-basis:100%;margin-right:0!important}
 .gts-recent-list li{width:100%}
 .gts .gts-recent-song{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:11px 12px 11px 14px}
 .gts .gts-recent-song span{display:none}
 .gts .gts-recent-practice,.gts .gts-recent-pdf{padding:0 14px;flex-shrink:0}
 .gts-search button{padding:10px 14px}
 .gts-search button>span{display:none}
}

/* The last banner takes the card's bottom corners, so the hover outline follows the curve instead of being clipped. */
.gts-actions>:last-child,.gts-academy:not([open])>summary,.gts-academy[open]{border-bottom-left-radius:17px;border-bottom-right-radius:17px}
/* An open Akademi field closes on a click anywhere in the blue area (links excepted), so the small cross is not the only target. */
.gts-academy[open]>div{cursor:pointer}