body #tool-root .otl{font:19px/1.7 Georgia,serif;color:#f5ebd5;background:transparent;padding:clamp(16px,3vw,32px);max-width:none;border:1px solid #977b43;border-radius:16px}
body #tool-root .otl header{width:100%;display:block;padding:0 0 24px;border-bottom:1px solid #977b43;margin-bottom:24px}
body #tool-root .otl h1,body #tool-root .otl h2,body #tool-root .otl h3{color:#f5d98b}
body #tool-root .otl h1{font-size:clamp(30px,5vw,46px);max-width:24ch}
body #tool-root .otl h2{font-size:28px}
body #tool-root .otl h3{font-size:23px;line-height:1.4}
body #tool-root .otl article,body #tool-root .otl aside,body #tool-root .otl details{background:#0e2027;border-color:#977b43;padding:clamp(16px,3vw,24px);margin:24px 0}
body #tool-root .otl .otl-note,body #tool-root .otl small{font-size:16px;color:#ddd4bb;line-height:1.6}
body #tool-root .otl button,body #tool-root .otl select{font:700 18px/1.5 Georgia,serif;min-height:54px;border:3px double #bd9a54;border-radius:12px;background:linear-gradient(135deg,#071821,#192839);color:#ffe2a0;padding:12px 16px;box-shadow:inset 0 0 0 2px #171311}
body #tool-root .otl button[aria-pressed=true]{background:#f4d993;color:#10271f}
body #tool-root .otl button:disabled{opacity:1;background:#162d2c;color:#efe6cf}
body #tool-root .otl select option{background:#102029;color:#ffe2a0}
body #tool-root .otl nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px}
body #tool-root .otl .otl-options{display:grid;grid-template-columns:1fr;gap:12px}
body #tool-root .otl .otl-options button{text-align:left;justify-content:flex-start}
body #tool-root .otl .otl-feedback{background:#17382f;border-color:#e9c77a;color:#fff3d9}
body #tool-root .otl a,.workflow-scope a{color:#ffe2a0;text-decoration:underline;text-underline-offset:4px}
body #tool-root .otl button:focus-visible,body #tool-root .otl select:focus-visible,body #tool-root .otl a:focus-visible,body #tool-root .otl summary:focus-visible,body #tool-root .otl .otl-feedback:focus{outline:3px solid #ffe2a0;outline-offset:4px}
body #tool-root .otl table{font-size:17px;line-height:1.5}
body #tool-root .otl th,body #tool-root .otl td{border-color:#977b43;padding:12px 6px;overflow-wrap:anywhere}
.session-note h2,.workflow-scope h2{font-size:25px;line-height:1.3;color:#f5d98b;margin-top:0}.workflow-scope{margin-top:32px}
.host-controls [hidden]{display:none!important}.session-note p:last-child{margin-bottom:0}
@media(max-width:700px){body #tool-root .otl nav{grid-template-columns:1fr 1fr}body #tool-root .otl{padding:16px}body #tool-root .otl table{font-size:16px}body #tool-root .otl th,body #tool-root .otl td{padding:10px 4px}.brand{min-width:0}.brand span{min-width:0}.brand img{flex:0 0 72px}.host-controls{gap:12px}}

.learning-backup{margin:28px 0;padding:20px;border:1px solid #977b43;border-radius:12px;background:#ffffff08;overflow-wrap:anywhere}.learning-backup h2{color:#f5d98b}.learning-backup label{display:block;margin:18px 0 8px}.learning-backup input[type=file]{display:block;width:100%;min-width:0;font:inherit;min-height:52px}.learning-backup input:focus-visible{outline:3px solid #ffe2a0;outline-offset:4px}.learning-backup input[type=checkbox]{width:22px;height:22px;vertical-align:middle}.learning-backup button{margin:8px 8px 8px 0;max-width:100%;white-space:normal}.learning-backup [hidden]{display:none!important}@media(max-width:540px){.learning-backup{padding:16px}.learning-backup button{width:100%;margin-right:0}}
