.keyword-builder-page [hidden]{display:none!important}.kb-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.kb-intro img{flex:none}html[data-site-view=teacher] #kb-student-help{display:none}.kb-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;margin-bottom:32px}.kb-controls,.kb-workspace{border:1px solid #303C6C;padding:20px;background:#fff;min-width:0}.kb-controls{align-self:start;background:#D2FDFF}.kb-controls label{display:block;margin-top:14px}.kb-controls select{width:100%;padding:10px 6px;min-height:44px;border:1px solid #303C6C;border-radius:0;background:white;color:#303C6C;font:inherit}.kb-toolbar,.kb-play-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.kb-toolbar h2{margin:0}.kb-toolbar label[for=kb-mode]{width:100%}.kb-toolbar select{max-width:100%}.keyword-builder-page button,.keyword-builder-page select,.keyword-builder-page input{font:inherit}.keyword-builder-page button{cursor:pointer;min-height:42px;border:1px solid #303C6C;background:#D2FDFF;color:#303C6C;padding:7px 11px;border-radius:0}.keyword-builder-page button:disabled{cursor:default;opacity:.55}.keyword-builder-page :focus-visible{outline:3px solid #F4976C;outline-offset:3px}.kb-entry{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(0,2fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid #B4DFE5;align-items:start;overflow-wrap:anywhere}.kb-entry small{display:block;font-size:12px;font-weight:normal}.kb-entry.kb-excluded{opacity:.65;background:#eee}.kb-bin svg{width:20px;height:20px}.kb-preview-page{margin:18px 0;padding:16px;border:1px solid #303C6C;background:#fff}.kb-preview-page h3{margin-top:0}.kb-preview-grid{display:grid;grid-template-columns:28% 22% 50%;gap:0;align-items:start}.kb-preview-grid>div{padding:8px;overflow-wrap:anywhere}.kb-list-preview{width:100%;border-collapse:collapse}.kb-list-preview td,.kb-list-preview th{border:1px solid #aaa;padding:10px;text-align:left;vertical-align:top}.kb-list-preview td:first-child{width:30%}.kb-blank-cell{height:56px}.kb-toolbar{padding-bottom:16px;border-bottom:2px solid #B4DFE5}#kb-share-dialog{width:min(620px,90vw);border:2px solid #303C6C;padding:24px}#kb-share-link{display:block;width:100%;box-sizing:border-box;margin:12px 0}body.kb-playing .kb-intro,body.kb-playing #kb-builder,body.kb-playing #kb-student-help,body.kb-playing>footer{display:none!important}body.kb-playing main{max-width:1600px}.kb-play-toolbar{position:sticky;top:0;z-index:8;background:#FBE8A6;padding:12px;border-bottom:2px solid #303C6C}.kb-play-toolbar h2{font-size:20px;margin:0}.kb-play-toolbar input{width:100px}.kb-board-scroll{overflow:auto;padding:8px 0 24px}#kb-board{position:relative;display:grid;grid-template-columns:28% 22% 50%;min-width:620px;min-height:200px;font-size:var(--kb-text-size,22px);isolation:isolate}.kb-column{display:flex;flex-direction:column;justify-content:space-around;gap:16px;z-index:2;pointer-events:none}.kb-column button{font-size:inherit;text-align:left;background:#fff;min-height:52px;pointer-events:auto;overflow-wrap:anywhere;color:#111;padding:10px}.kb-column button[aria-pressed=true]{background:#FBE8A6;border:3px solid #303C6C}.kb-column button:disabled{opacity:1;background:#f2f4f6}.kb-space{pointer-events:none}#kb-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}#kb-line-controls{position:absolute;inset:0;pointer-events:none;z-index:4}.keyword-builder-page .kb-delete-line{position:absolute;width:36px;height:36px;min-height:36px;padding:0;background:white;border:2px solid currentColor;border-radius:50%;font-size:24px;line-height:30px;pointer-events:auto}.kb-delete-line:focus{z-index:6}#kb-play-status{min-height:30px;font-weight:bold}.kb-error{color:#a21919}#kb-fit{font-weight:bold}.kb-player-error{padding:24px;border:2px solid #a21919}@media(max-width:800px){.kb-layout{grid-template-columns:1fr}.kb-intro img{width:80px;height:80px}.kb-controls,.kb-workspace{padding:14px}.kb-entry{grid-template-columns:minmax(80px,1fr) minmax(0,2fr) auto;gap:7px}.kb-preview-page{padding:8px}.kb-play-toolbar{gap:8px}.kb-play-toolbar h2{width:100%}}@media print{.kb-controls,.kb-toolbar,.kb-play-toolbar,.topbar,#kb-entries,#kb-line-controls{display:none!important}}

/* A single action row, followed by the worksheet type choices. */
.kb-workspace>h2{margin-top:0}.kb-toolbar{flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:8px;overflow-x:auto;padding:4px 2px 12px;max-width:100%}.keyword-builder-page .kb-toolbar button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:44px;font-size:.92rem;padding:8px 10px}.kb-toolbar svg,.kb-preview-toolbar button svg,:is(#kb-reset,#yt-reset) svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kb-toolbar .kb-format-icon{width:27px;height:27px;stroke:none}.keyword-builder-page #kb-clear,.keyword-builder-page :is(#kb-reset,#yt-reset){background:#ae2828;color:white;border-color:#861e1e}.keyword-builder-page #kb-clear:hover,.keyword-builder-page :is(#kb-reset,#yt-reset):hover{background:#861e1e}.keyword-builder-page :is(#kb-reset,#yt-reset){display:inline-flex;align-items:center;justify-content:center;gap:7px}.kb-modes{border:0;padding:12px 0;margin:0;display:flex;flex-wrap:wrap;column-gap:20px;row-gap:10px}.kb-modes legend{font-weight:700;padding:0}.kb-modes label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.kb-modes input{width:18px;height:18px;accent-color:#303C6C;margin:0}.kb-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.kb-preview-toolbar h3{margin:0}.kb-preview-toolbar button{display:inline-flex;align-items:center;gap:8px}#kb-preview-panel{margin-top:32px;border-top:2px solid #B4DFE5;padding-top:20px;scroll-margin-top:20px}.kb-preview-grid{position:relative;isolation:isolate;align-items:stretch}.kb-preview-grid>div{display:flex;align-items:center;position:relative;z-index:1;min-width:0;padding:10px 8px;background:white}.kb-preview-grid>.kb-preview-gap{background:transparent;pointer-events:none}.kb-static-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.kb-preview-page h4{margin-top:0}.kb-modes~h3{margin-top:20px}@media(max-width:700px){.keyword-builder-page .kb-toolbar button{flex-direction:column;gap:3px;padding:6px 8px;font-size:.8rem;min-width:66px}.kb-toolbar{gap:6px}.kb-modes{column-gap:14px}.kb-preview-grid>div{font-size:.9rem;padding:8px 4px}}

@media(min-width:801px) and (max-width:1100px){.keyword-builder-page .kb-toolbar button{flex-direction:column;gap:3px;padding:6px 8px;font-size:.8rem;min-width:66px}}

body.kb-playing{overflow:hidden}body.kb-playing>header,body.kb-playing .topbar{display:none!important}body.kb-playing main{max-width:none;width:100%;padding:8px;box-sizing:border-box}.kb-play-toolbar{flex-wrap:nowrap;gap:6px;padding:6px;font-size:13px}.kb-play-toolbar h2{width:auto;min-width:40px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.kb-play-toolbar button{display:flex;align-items:center;gap:4px;flex:none;font-size:12px;padding:5px 7px;min-height:44px;white-space:nowrap}.kb-play-toolbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.kb-play-toolbar select{min-height:44px;padding:10px 6px;border:1px solid #303C6C;background:white;color:#303C6C;max-width:130px}.kb-play-toolbar label:has(input){display:none}.kb-board-scroll{padding:0;overflow:auto}#kb-board{min-width:0;min-height:0}.kb-column{gap:6px}.keyword-builder-page .kb-column button{min-height:0;padding:6px;font-size:var(--kb-text-size,22px);line-height:1.15}#kb-terms button{font-size:calc(var(--kb-text-size,22px)*1.15)}#kb-player>p{font-size:12px;margin:5px 0}#kb-play-status{min-height:18px}

.kb-definition-blank{min-height:44px;border-bottom:1px dotted #8a91ad}

.kb-preview-grid{align-items:center}.kb-preview-grid>.kb-preview-column{display:flex;flex-direction:column;gap:14px;padding:0}.kb-preview-column>div{padding:8px;overflow-wrap:anywhere}.kb-omit{display:inline-flex;vertical-align:middle;margin-right:8px;padding:4px!important;min-height:30px!important}.kb-omit[aria-pressed=true]{background:#F4976C}.kb-omitted>strong{text-decoration:line-through}.kb-omitted small{text-decoration:none}.kb-column{justify-content:center}#kb-distractor-help{padding:12px;background:#FBE8A6}

#kb-max-controls{margin:12px 0}#kb-max-words{background:#fff;color:#303C6C;width:110px;min-height:44px;padding:8px;box-sizing:border-box;border:1px solid #303C6C}#kb-max-help{display:block;margin-top:6px}

#kb-reload{margin-top:12px}

.kb-preview-toolbar #kb-max-controls{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kb-preview-toolbar #kb-max-help{flex-basis:100%;max-width:440px;font-weight:normal}.kb-preview-toolbar #kb-max-controls label{font-size:14px}

/* Keep the interactive board spacious and use a familiar sans-serif face. */
#kb-player,#kb-player button,#kb-player select{font-family:Arial,Helvetica,sans-serif}.kb-play-toolbar{font-size:1rem;gap:8px}.keyword-builder-page .kb-play-toolbar button{font-size:1rem;padding:9px 12px;gap:6px}.kb-play-toolbar svg{width:20px;height:20px;flex:none}.kb-play-toolbar h2{min-width:0}.kb-play-toolbar select{font-size:1rem;max-width:150px}#kb-board .kb-column{gap:24px;padding:10px 0;justify-content:center}#kb-board #kb-terms{gap:32px}.keyword-builder-page #kb-board .kb-column button{padding:12px 18px;line-height:1.25}#kb-player>p{font-size:.95rem;margin:8px 0}#kb-play-status{min-height:24px}

.kb-preview-toolbar{flex-wrap:nowrap;justify-content:flex-start;gap:12px;overflow-x:auto;padding:4px 0}.kb-preview-toolbar h3{font-size:1rem;white-space:nowrap;flex:none;margin-right:auto}.kb-preview-toolbar #kb-max-controls{flex-wrap:nowrap;flex:none;white-space:nowrap}.kb-preview-toolbar #kb-max-words{flex:none}.kb-preview-toolbar button{flex:none;white-space:nowrap}#kb-max-help{margin:8px 0 12px;font-size:.85rem}

/* Reuse the native player inside the online revision session. */
.interactive-resource .topbar,.interactive-resource .kb-intro,.interactive-resource #kb-builder,.interactive-resource #kb-student-help,.interactive-resource footer,.interactive-resource .skip,.interactive-resource #kb-share-dialog,.interactive-resource #kb-close-player{display:none!important}
.interactive-resource body,.interactive-resource body.kb-playing{margin:0;overflow:auto}.interactive-resource body.kb-playing main,.interactive-resource main{width:100%;max-width:none;padding:0!important;margin:0}.interactive-resource #kb-player{box-sizing:border-box;min-height:100dvh;margin:0}.interactive-resource .kb-play-toolbar{top:0;flex-wrap:wrap}.interactive-resource #kb-board-scroll{min-height:0}.interactive-resource #kb-player .kb-play-toolbar h2{font-size:18px}
@media print{.interactive-resource body{display:none!important}}
@media(max-width:700px){.interactive-resource #kb-board:has(.kb-column){grid-template-columns:32% 18% 50%!important}.interactive-resource #kb-board .kb-column button{padding:8px!important;font-size:max(14px,var(--kb-text-size,14px))!important}.interactive-resource #kb-board .kb-column{gap:16px!important}.interactive-resource .kb-play-toolbar h2{flex-basis:100%;white-space:normal}.interactive-resource .kb-play-toolbar button{font-size:14px;padding:7px 9px}}
.interactive-resource #kb-player-title,.interactive-resource #kb-fill-screen,.interactive-resource .kb-play-toolbar label:has(#kb-text-size){display:none!important}
.interactive-resource .kb-play-toolbar{padding:4px;gap:6px}.interactive-resource #kb-player .kb-play-toolbar button{font-size:14px;min-height:44px;padding:7px 10px}.interactive-resource #kb-play-status{font-size:13px;margin:4px 6px;min-height:20px}
@media(max-width:700px){.interactive-resource #kb-player:has(#kb-terms) .kb-play-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.interactive-resource #kb-player:has(#kb-terms) .kb-play-toolbar label[for=kb-group]{justify-self:end}.interactive-resource #kb-player:has(#kb-terms) #kb-group{width:100%;max-width:none}.interactive-resource #kb-player:has(#kb-terms) :is(#kb-show-answers,#kb-start-again){width:100%;white-space:normal;justify-content:center}}
.interactive-resource #kb-player>.kb-play-toolbar{display:none!important}
