.fr-entry{border-bottom:1px solid #B4DFE5;padding:14px 0}.fr-entry.kb-excluded{opacity:.6;background:#eee}.fr-entry-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.fr-entry h3{margin:0;font-size:1.15rem}.fr-entry h3 small{display:block;font-weight:400;font-size:.8rem}.fr-entry-options,#fr-defaults{display:flex;flex-wrap:wrap;gap:10px 18px;border:0;padding:10px 0}.fr-entry-options legend,#fr-defaults legend{font-weight:bold}.fr-entry-options label,#fr-defaults label{display:flex;align-items:center;gap:6px}.fr-entry input,#fr-defaults input{width:19px;height:19px;accent-color:#303C6C}.fr-entry summary{cursor:pointer;min-height:36px}.fr-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fr-edit-fields label{display:block;font-weight:bold}.fr-edit-fields textarea{display:block;width:100%;min-height:110px;box-sizing:border-box;font:inherit;resize:vertical;padding:8px}/* Keep the text rectangles outside the centre oval, at every display size. */
.fr-model{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:5/3;min-height:500px;width:100%;min-width:0;box-sizing:border-box;color:#111;background:#fff;font-family:Arial,sans-serif}
.fr-box{--fr-colour:#B42318;--fr-label-ink:#fff;position:relative;border:2px solid var(--fr-colour);border-radius:16px;min-width:0;min-height:0;overflow:hidden;background:white}
.fr-box-1{--fr-colour:#1565C0}.fr-box-2{--fr-colour:#F4CF38;--fr-label-ink:#172238}.fr-box-3{--fr-colour:#237A3B}
.fr-box h4{position:absolute;inset:0 auto 0 0;width:38px;box-sizing:border-box;margin:0;writing-mode:vertical-rl;text-orientation:mixed;background:var(--fr-colour);color:var(--fr-label-ink);text-align:center;padding:10px 8px;font-size:20px;line-height:1;font-weight:bold;text-transform:uppercase;white-space:nowrap;letter-spacing:0}
.fr-box-0 h4,.fr-box-2 h4{transform:rotate(180deg)}.fr-box-1 h4,.fr-box-3 h4{left:auto;right:0}
.fr-content{position:absolute;inset:14px 14px 50% 52px;box-sizing:border-box;font-size:clamp(13px,1.25vw,19px);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;min-width:0;min-height:0;scrollbar-gutter:stable}
.fr-box-1 .fr-content,.fr-box-3 .fr-content{left:14px;right:52px}.fr-box-2 .fr-content,.fr-box-3 .fr-content{top:50%;bottom:14px}
.fr-centre{position:absolute;left:30%;top:27%;width:40%;height:46%;box-sizing:border-box;border:3px solid #303C6C;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;z-index:2;overflow-wrap:anywhere;pointer-events:none}
.fr-centre strong{font-size:clamp(24px,3.2vw,44px);line-height:1.1}
.fr-content textarea{display:block;width:100%;height:100%;min-height:0;box-sizing:border-box;border:0;resize:none;font:inherit;color:#111;background:#fff;padding:0}
.fr-blank{background:repeating-linear-gradient(transparent,transparent 27px,#eee 28px,transparent 29px)}
#kb-board{display:block!important;width:min(1500px,100%);margin:auto}.kb-board-scroll{overflow:auto!important}
#kb-player .fr-model{min-height:650px}#kb-player .fr-content{font-size:var(--fr-text-size,22px)}#kb-player .fr-centre strong{font-size:clamp(28px,calc(var(--fr-text-size,22px)*2),56px)}
.fr-size-control{display:flex!important;align-items:center;gap:8px;white-space:nowrap;min-height:44px}.fr-size-control input{width:110px;accent-color:#303C6C}.fr-size-control output{min-width:36px;font-variant-numeric:tabular-nums}
#kb-preview-term{max-width:100%;padding:8px;min-height:44px}#kb-preview{margin-top:18px}.kb-play-toolbar{flex-wrap:wrap!important}.kb-play-toolbar h2{min-width:120px!important}.kb-play-toolbar select{max-width:260px!important}#kb-player>p{font-size:14px}.fr-stage-note{background:#FBE8A6;padding:10px}#kb-share-link{min-height:44px}@media(max-width:700px){.fr-edit-fields{grid-template-columns:1fr}.fr-model{min-height:650px;gap:8px}.fr-box{border-radius:12px}.fr-box h4{font-size:18px;width:32px;padding:10px 6px}.fr-content{top:12px;left:40px;right:8px;font-size:14px}.fr-box-1 .fr-content,.fr-box-3 .fr-content{left:8px;right:40px}.fr-box-2 .fr-content,.fr-box-3 .fr-content{bottom:12px}.fr-centre{left:13%;width:74%;top:31%;height:38%;padding:12px}.fr-centre strong{font-size:clamp(24px,7vw,32px)}#kb-player .fr-model{min-height:760px}.kb-play-toolbar h2{width:100%!important;flex-basis:100%!important}.kb-playing main{padding:4px!important}}
@media(max-width:700px){#kb-player .fr-centre strong{font-size:clamp(26px,7.5vw,34px)}}
body.kb-playing{overflow:auto}#kb-player{min-width:0}#kb-board .fr-model{width:100%}
.interactive-resource #kb-show-answers,.interactive-resource #kb-start-again{display:none!important}
.interactive-resource #kb-player{display:flex;flex-direction:column;height:100dvh;min-height:0}.interactive-resource #kb-player .kb-board-scroll{flex:1;min-height:0;overflow:auto}.interactive-resource #kb-player .fr-model{min-height:650px}.interactive-resource #kb-play-status{margin:4px 8px}
@media(max-width:700px){.interactive-resource #kb-player .fr-model{display:flex;flex-direction:column;gap:10px;aspect-ratio:auto;min-height:0}.interactive-resource #kb-player .fr-centre{position:static;order:-1;width:100%;height:auto;min-height:90px;border-radius:50%;padding:16px}.interactive-resource #kb-player .fr-box{min-height:150px}.interactive-resource #kb-player .fr-content{position:static;padding:16px 12px 16px 46px;overflow:visible;font-size:var(--fr-text-size,22px)}.interactive-resource #kb-player .fr-box-1 .fr-content,.interactive-resource #kb-player .fr-box-3 .fr-content{padding:16px 46px 16px 12px}}
.interactive-resource #kb-player>p:not(#kb-play-status){display:none}.interactive-resource #kb-player .kb-play-toolbar{flex-shrink:0}.interactive-resource #kb-player #kb-play-status{flex-shrink:0}
@media(min-width:701px){.interactive-resource #kb-player #kb-board{height:100%}.interactive-resource #kb-player .kb-board-scroll{padding:0}.interactive-resource #kb-player .fr-model{height:100%;min-height:0!important;aspect-ratio:auto}.interactive-resource #kb-player .fr-content{font-size:clamp(14px,var(--ir-size,var(--fr-text-size,18px)),28px)}.interactive-resource #kb-player .fr-centre strong{font-size:clamp(28px,3.5vw,48px)}}
/* Etymology stays below characteristics; a shallower oval reserves text space. */
.fr-content{bottom:34%}.fr-box-2 .fr-content,.fr-box-3 .fr-content{top:34%}
.fr-centre{top:38%;height:24%}.fr-centre strong{font-size:clamp(22px,2.6vw,36px)}
@media(max-width:700px){.fr-centre{top:40%;height:20%}.fr-centre strong{font-size:clamp(20px,6vw,30px)}}
/* Keep long keywords inside the shallower oval at the largest text setting. */
#kb-player .fr-centre strong{font-size:clamp(26px,calc(var(--fr-text-size,22px)*1.4),36px)}
@media(max-width:700px){#kb-player .fr-centre strong{font-size:clamp(26px,7vw,30px)}}