/* Pontes — calm workspace. Presentation only: no game mechanics or state changes. */
body.pontes-ui{
 --bg:#f3f2f0;--card:#fff;--text:#28282c;--muted:#716d78;--line:#e5e1e8;
 --primary:#343238;--primary2:#57505f;--accent:#b7cb80;--danger:#b83e53;
 --shadow:0 12px 35px #35283e09;--radius:26px;
 --pt-ink:#28282c;--pt-lilac:#e9e1f1;--pt-peach:#f5e3d7;--pt-lime:#d4e498;
 color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 background:radial-gradient(ellipse 900px 600px at 95% 0,#e9dbf1 0,transparent 75%),radial-gradient(ellipse 800px 550px at 0 15%,#f5e1d3 0,transparent 75%),#f5f4f2;
 min-height:100vh;line-height:1.5;
}
body.pontes-ui *{box-sizing:border-box}
body.pontes-ui h1,body.pontes-ui h2,body.pontes-ui h3{color:inherit;letter-spacing:-.035em;line-height:1.2}
body.pontes-ui h1{font-weight:600}body.pontes-ui h2{font-weight:600}body.pontes-ui h3{font-weight:650}
body.pontes-ui .container{max-width:1240px;padding:32px 24px 70px}
body.pontes-ui .topbar{background:#faf8f3d9;backdrop-filter:blur(22px);border-bottom:1px solid #fff9;box-shadow:none;padding-top:14px;padding-bottom:14px;gap:18px}
body.pontes-ui .brand{font-size:18px;letter-spacing:-.4px;font-weight:700}
body.pontes-ui .bolt{background:#2c2c2e;border-radius:14px;box-shadow:none;color:#d4e498}
body.pontes-ui .topbar nav{gap:5px;align-items:center;flex-wrap:wrap}
body.pontes-ui .topbar nav a,body.pontes-ui .teacher-nav a{font-size:12px;font-weight:600;border-radius:24px;padding:9px 13px;color:#655e6e;white-space:nowrap}
body.pontes-ui .topbar nav a:hover,body.pontes-ui .teacher-nav a:hover{color:#29262e;background:#fff}
body.pontes-ui nav a[aria-current=page]{background:#2d2c30;color:#fff;box-shadow:0 3px 8px #30283812}
body.pontes-ui .teacher-nav-strip{background:#f6f2eed9;border-bottom:1px solid #e9e3eb;backdrop-filter:blur(20px)}
body.pontes-ui .teacher-nav{gap:5px;padding:10px 20px;scrollbar-width:thin}
body.pontes-ui .teacher-topbar{position:relative}
body.pontes-ui .eyebrow,body.pontes-ui .wc-eyebrow{color:#7d7187;font-size:10px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase}
body.pontes-ui :is(.page-title,.welcome,.study-head,.teacher-live-head,.teacher-stats-head,.teacher-passwords-head,.workshop-class-heading){margin-bottom:26px}
body.pontes-ui :is(.page-title,.welcome,.study-head) h1{font-size:clamp(28px,3.6vw,44px);letter-spacing:-1.4px}
/* Shared content surfaces: geometry and functional positioning remain module-owned. */
body.pontes-ui :is(.card,.glass,.admin-card,.teacher-module-card,.chapter-card,.concept-card,.path-card,.question-card,.assignment-card,.student-task-card,.course-task-card,.public-lesson-card,.public-countdown-card,.student-countdown-card,.schoolmail-card,.study-progress-card,.study-year-card,.study-pin-card,.attention-student-card,.student-issue-card,.submission-review-card,.teacher-answer-card,.grade-concept-card,.grade-overview-card,.session-history-card,.live-student-card,.sociogram-evidence-card,.sociogram-method-card,.sociogram-network-card,.sociogram-check-card,.seating-board-card,.seating-control-card,.seating-help-card,.seating-profile-card,.workshop-filter-card,.workshop-reminder-email-card,.reminder-compose-card,.class-question-card,.class-questions-card,.issue-card-head,.maintenance-control-card,.countdown-admin-card,.warning-card,.add-lesson-card,.dl-card,.wc-card,.cm-panel,.hw-panel,.cm-extra-panel){background:#ffffffdd;border:1px solid #ffffff;border-radius:26px;box-shadow:0 8px 28px #32273b06;color:#302d35}
body.pontes-ui :is(.admin-card,.teacher-module-card,.concept-card,.chapter-card,.gamecenter-card){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.pontes-ui :is(.admin-card,.teacher-module-card,.concept-card,.chapter-card,.gamecenter-card):hover{transform:translateY(-3px);box-shadow:0 14px 30px #3429400d;border-color:#d9cde5}
body.pontes-ui :is(.module-icon,.concept-icon,.summary-icon,.seating-stat-icon,.class-questions-icon,.path-icon){background:#eee7f4;color:#665671;border-radius:17px;box-shadow:none}
body.pontes-ui :is(.teacher-module-card,.admin-card,.concept-card):nth-child(4n+2) :is(.module-icon,.concept-icon){background:#f5e4d8;color:#886b54}
body.pontes-ui :is(.teacher-module-card,.admin-card,.concept-card):nth-child(4n+3) :is(.module-icon,.concept-icon){background:#e8edda;color:#607143}
body.pontes-ui :is(.teacher-module-card,.admin-card,.concept-card):nth-child(4n) :is(.module-icon,.concept-icon){background:#e2eaf3;color:#58718a}
/* Buttons: semantic danger/success styles are explicitly preserved below. */
body.pontes-ui :is(.btn,.icon-btn,.student-menu-btn,.wc-button,.dl-light,.wc-light,.course-footer-secondary){border-radius:24px;border:1px solid #e4dfe8;background:#ffffffc9;color:#514a58;box-shadow:none;font-weight:600;letter-spacing:0;transition:background .15s,box-shadow .15s;min-height:40px}
body.pontes-ui :is(.btn-primary,.btn.primary,.wc-primary,.dl-primary,.course-footer-primary,.course-nav-primary,.practice-mode-button,.assignment-back-button,.workshop-file-button,.class-questions-go){background:#2d2c30;color:#fff;border:1px solid #2d2c30;border-radius:26px;box-shadow:0 5px 12px #29222e0c;font-weight:600}
body.pontes-ui :is(.btn-primary,.btn.primary,.wc-primary,.dl-primary,.course-footer-primary,.course-nav-primary):hover{background:#47414f;color:#fff;box-shadow:0 7px 17px #29222e15}
body.pontes-ui :is(.btn-light,.btn-small){background:#ffffffc9;box-shadow:none}
body.pontes-ui :is(.btn-danger,.btn-danger-soft,.subject-danger){background:#fbe8eb;color:#a52c43;border-color:#efc7cf;box-shadow:none}
body.pontes-ui :is(button,input,textarea,select,a,summary):focus-visible{outline:3px solid #8c75ae;outline-offset:4px}
body.pontes-ui :is(button,.btn):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
body.pontes-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){font:inherit;font-size:14px;color:#332e39;background:#ffffffdf;border:1px solid #e3dce9;border-radius:16px;box-shadow:none}
body.pontes-ui :is(input,select,textarea):focus{border-color:#ac98bf}
body.pontes-ui :is(input[type=checkbox],input[type=radio]){accent-color:#706080}
body.pontes-ui :is(.stack,.form-grid,.filterbar,.tasks-editor) label{font-size:12px;font-weight:650;color:#62596c}
body.pontes-ui :is(.filterbar,.tasks-tools,.lt-toolbar,.workshop-filter-card){background:#f5f1f7;border-color:#e7dfea;border-radius:20px}
body.pontes-ui :is(.pill,.privacy-chip,.course-repeat-badge,.mc-xp-badge){background:#ebe4f1;color:#695778;border:0;border-radius:20px;font-weight:650}
body.pontes-ui :is(.study-period-tabs,.lesson-class-tabs,.sociogram-question-tabs){gap:7px;flex-wrap:wrap}
body.pontes-ui :is(.study-period-tabs,.lesson-class-tabs,.sociogram-question-tabs) a{border:0;background:#ffffffb8;color:#72637e;border-radius:24px;box-shadow:none}
body.pontes-ui :is(.study-period-tabs,.lesson-class-tabs,.sociogram-question-tabs) a.active{background:#2e2b33;color:white}
/* Statistics and motivating progress */
body.pontes-ui :is(.stat,.attention-stat,.seating-stat){border:1px solid #fff;border-radius:22px;background:#ffffffc9;box-shadow:none}
body.pontes-ui :is(.stat,.attention-stat,.seating-stat) strong{color:#514659;font-weight:600;letter-spacing:-1px}
body.pontes-ui :is(.accent-card,.motivation-card,.student-xp-summary,.teacher-success-panel){background:radial-gradient(ellipse at 100% 0,#4c5040,transparent 70%),#292b28;border:1px solid #373b31;border-radius:26px;color:#fff;box-shadow:0 12px 25px #2e30220c}
body.pontes-ui :is(.accent-card,.motivation-card,.student-xp-summary,.teacher-success-panel) :is(h1,h2,h3,strong){color:#fff}
body.pontes-ui :is(.accent-card,.motivation-card,.student-xp-summary,.teacher-success-panel) :is(p,small,.muted){color:#d3d7c8}
body.pontes-ui :is(.accent-card,.motivation-card,.student-xp-summary,.teacher-success-panel) .eyebrow{color:#d4e498}
body.pontes-ui :is(.study-progress-bar,.student-xp-track){background:#eae7ef;border-radius:20px}
body.pontes-ui :is(.study-progress-bar,.student-xp-track)>i{background:#b6c983;border-radius:20px}
body.pontes-ui .study-progress-top>b,body.pontes-ui .apv3-score strong{color:#726180}
body.pontes-ui .date-badge,body.pontes-ui .lesson-date-badge{background:#ebe5f3;color:#6c5e7c;border-radius:17px}
/* Public landing page and planning */
body.pontes-ui :is(.home-science-hero,.science-hero,.planning-hero,.seating-hero,.wc-hero,.dl-hero){background:linear-gradient(125deg,#f4e0d0dd,#ebe0f3dd 65%,#e8ede0dd);border:1px solid #fff;border-radius:30px;color:#302a35;box-shadow:none}
body.pontes-ui .home-hero-copy h1{font-size:clamp(38px,5.4vw,68px);letter-spacing:-2.6px;font-weight:550;line-height:1.08}
body.pontes-ui .home-hero-copy h1 span{background:none;color:#877190;-webkit-text-fill-color:currentColor}
body.pontes-ui :is(.home-hero-copy,.science-hero,.planning-hero,.seating-hero,.wc-hero,.dl-hero) p{color:#756a7c}
body.pontes-ui .formula-card{background:#fffc;border-color:#fff;border-radius:20px;box-shadow:0 10px 30px #57425f09;color:#6d5b7b}
body.pontes-ui .physics-tags span{border-radius:25px;background:#ffffffb0;color:#716077;border-color:#fff}
/* Courses, reading, tests, portfolios */
body.pontes-ui :is(.course-content-card,.course-focus-card,.course-media-card,.course-submission-card,.mc-question-card,.mc-single-card,.prefix-question-card,.prefix-exercise-panel,.practice-mode-card,.answer-panel,.quiz-term-card,.apv3-section,.subject-task){background:#fffffff0;border:1px solid #e9e4ee;border-radius:24px;box-shadow:0 8px 24px #34273d05;color:#302d35}
body.pontes-ui :is(.course-sidebar,.dl-sidebar,.vl-sidebar){background:#f3eef6;border-color:#e5daeb;border-radius:24px;color:#554a60}
body.pontes-ui :is(.course-sidebar-current-title,.course-side-page.active){background:#e6dbee;color:#64516f;border-color:#d4c5df}
body.pontes-ui :is(.course-header-center,.learning-course-header,.course-card-footer){background:#faf8fc;border-color:#eae4ef}
body.pontes-ui .course-book-heading h1{font-weight:600;color:#3d3547}
body.pontes-ui .apv3-section>summary{background:#faf8fc;border-radius:23px;color:#3d3547}
body.pontes-ui .apv3-section-number{background:#eee6f5;color:#776188;border-radius:12px}
body.pontes-ui .apv3-section-count{background:#eee9f3;color:#7e6c8c;border-radius:20px}
body.pontes-ui .apv3-section-count.complete{background:#e9efd9;color:#506835}
body.pontes-ui :is(.apv3-check-row.is-complete,.task-row.task-done,.subject-task.task-done,.study-item.is-done){background:#f3f6ec;border-color:#dfe8cc}
body.pontes-ui .completion-done-note{background:#e8efd8;color:#52683a}
/* Data views keep their column widths and scroll containers. */
body.pontes-ui :is(.table-wrap,.teacher-stats-table-wrap,.teacher-password-table-wrap,.wc-table-wrap,.private-table-wrap){background:#fff;border:1px solid #e8e1ed;border-radius:20px;overflow-x:auto}
body.pontes-ui :is(table th,.teacher-stats-table th,.teacher-password-table th){background:#f5f1f8;color:#786784;border-color:#e8e1ed;font-weight:650;font-size:12px;text-transform:none;letter-spacing:.2px}
body.pontes-ui table td{border-color:#eee9f2}
body.pontes-ui tbody tr:hover{background:#f9f7fc}
body.pontes-ui :is(.alert,.notice,.cm-message){border-radius:17px}
body.pontes-ui :is(.alert.success,.notice.success,.status-approved){background:#eef4e2;color:#46602f;border-color:#d8e5be}
body.pontes-ui :is(.alert.error,.status-rejected,.tasks-error){color:#a53048}
body.pontes-ui :is(.alert.error,.status-rejected){background:#fff0f2;border-color:#eec9d1}
/* Gamecenter and game chrome; canvases/embedded games are deliberately untouched. */
body.pontes-ui .gamecenter-hero{background:radial-gradient(ellipse at 90% 0,#565345,transparent 65%),#29282c;color:white;border-radius:30px;border:0;box-shadow:0 12px 30px #28232d0a}
body.pontes-ui .gamecenter-hero :is(h1,h2){color:white}
body.pontes-ui .gamecenter-hero :is(p,.game-back,.eyebrow){color:#dce2cb}
body.pontes-ui .gamecenter-time-card{background:#ffffff0e;border:1px solid #ffffff25;color:#e0eabf;border-radius:23px;box-shadow:none}
body.pontes-ui .gamecenter-time-card strong{color:#d4e498}
body.pontes-ui .gamecenter-card{background:#ffffffdf;border:1px solid white;border-radius:24px;box-shadow:0 5px 20px #28232d04;color:#342b3d}
body.pontes-ui .gamecenter-icon{background:#ede5f5;border-radius:18px}
body.pontes-ui .gamecenter-card:nth-child(3n+2) .gamecenter-icon{background:#f4e4d8}
body.pontes-ui .gamecenter-card:nth-child(3n) .gamecenter-icon{background:#e8eed8}
body.pontes-ui .gamecenter-note{background:#ede9f2;border-color:#e4dceb;border-radius:18px;color:#73657f}
body.pontes-ui :is(.original-game-head,.arcade-head,.pac-edu-head){background:#ffffffd9;color:#342b3d;border-radius:24px;border:1px solid #fff}
body.pontes-ui .student-game-hub{background:linear-gradient(120deg,#f9eee5,#f0e7f7);border:1px solid white;border-radius:28px;box-shadow:none}
body.pontes-ui .student-game-play{background:#2d2c30;border-radius:22px}
body.pontes-ui .student-game-balance>strong{color:#65546f}
/* Specialist classroom boards retain their large readable projection sizes. */
body.pontes-ui .quiz-board{color:#302b36}
body.pontes-ui :is(.quiz-board-controls,.wc-board-controls){background:#fff9;border-color:#ebe3ef;border-radius:20px}
body.pontes-ui :is(.quiz-board-controls,.wc-board-controls) :is(a,button){background:#302c35;color:#fff;border:0;border-radius:24px;box-shadow:none;padding:10px 16px}
body.pontes-ui .wc-board header{color:#43364c}
body.pontes-ui :is(.wc-board-row,.quiz-empty){background:#ffffffda;border:1px solid #fff;border-radius:24px;color:#43364c}
body.pontes-ui.escape-stage{background:radial-gradient(ellipse at top,#46394f,#1f2021 70%);color:#e8eddc}
body.pontes-ui.escape-stage>header{background:#ffffff08;border-color:#ffffff15;backdrop-filter:blur(15px);border-radius:0 0 24px 24px}
body.pontes-ui.escape-stage>header :is(a,button){background:#ffffff12;color:#e2edc1;border-color:#ffffff20;border-radius:22px}
body.pontes-ui.escape-stage .brand{color:#d4e498}
/* The already designed overview keeps its intentional dark/lime summary. */
body.pontes-ui .study-overview{border:1px solid #fff}
@media(max-width:800px){
 body.pontes-ui .container{padding:22px 16px 50px}
 body.pontes-ui .topbar{position:relative;flex-wrap:wrap;padding:14px 16px;gap:12px}
 body.pontes-ui .topbar nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;justify-content:flex-start}
 body.pontes-ui .topbar nav a{font-size:11px;padding:8px 11px}
 body.pontes-ui .teacher-nav{padding:9px 12px;gap:4px}
 body.pontes-ui :is(.section-head,.study-head,.lt-toolbar,.page-title){flex-wrap:wrap;gap:14px}
 body.pontes-ui :is(.grid.two,.grid.three,.concept-grid){grid-template-columns:1fr}
 body.pontes-ui :is(.stats,.student-stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 body.pontes-ui :is(.card,.admin-card,.teacher-module-card,.study-progress-card,.question-card){border-radius:22px;padding:20px}
 body.pontes-ui :is(.home-science-hero,.science-hero,.gamecenter-hero){border-radius:24px}
 body.pontes-ui :is(.btn,.course-footer-primary){white-space:normal;text-align:center}
 body.pontes-ui .form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.pontes-ui :is(.btn,.admin-card,.teacher-module-card,.concept-card,.chapter-card,.gamecenter-card){transition:none}body.pontes-ui :is(.admin-card,.teacher-module-card,.concept-card,.chapter-card,.gamecenter-card):hover{transform:none}}
@media print{body.pontes-ui{background:white!important;color:#000}body.pontes-ui :is(.topbar,.teacher-nav-strip){display:none!important}body.pontes-ui .container{max-width:none;padding:0}body.pontes-ui :is(.card,.study-progress-card,.study-year-card,.apv3-section,.wc-card,.cm-panel){box-shadow:none;background:white;border:1px solid #ddd;break-inside:avoid}body.pontes-ui :is(.accent-card,.student-xp-summary,.gamecenter-hero){background:white;color:black}}
/* Projection views have their own original dark palette: replace it as a unit. */
body.pontes-ui{color-scheme:light}
body.pontes-ui .quiz-board{background:transparent;color:#302b36}
body.pontes-ui .quiz-content{background:#ffffffd9;border:1px solid white;border-radius:30px;box-shadow:0 15px 40px #46365009}
body.pontes-ui :is(.quiz-kicker,.quiz-session footer p,#quiz-student-hint,.quiz-empty p,.quiz-finish span){color:#786b84}
body.pontes-ui .quiz-kicker span:first-child{color:#796085}
body.pontes-ui .quiz-instruction{background:#efe8f4;border-color:#ac98c1;border-radius:18px}
body.pontes-ui .quiz-instruction strong{color:#715380}
body.pontes-ui .quiz-turn{background:#eaf0dc;border-color:#d7e1bf;border-radius:22px}
body.pontes-ui .quiz-turn-label{color:#607140}
body.pontes-ui #quiz-answer{background:#f0f4e6;border-color:#cadba9;border-radius:23px}
body.pontes-ui #quiz-answer span{color:#60773c}
body.pontes-ui .quiz-board :is(button,a){border-radius:24px;background:#302c35;color:white;border-color:#302c35;font-weight:600}
body.pontes-ui #quiz-next{background:#d4e498;color:#344122;border-color:#d4e498}
body.pontes-ui .quiz-finish p{color:#72844e}
body.pontes-ui .wc-board-student{background:#ffffffdf;border-color:#fff;border-radius:24px;color:#352e3c}
body.pontes-ui .wc-board-value{color:#6b577b}
body.pontes-ui .wc-board-rank{background:#eee7f4;color:#756083}
body.pontes-ui .vl-app{--violet:#847093;--ink:#322c3a;--muted:#7c7185}
body.pontes-ui .vl-mission-header{background:linear-gradient(120deg,#f1e5dc,#eee4f4);border-color:#e4d9eb}
body.pontes-ui .vl-main{border-radius:26px;border-color:#fff;box-shadow:0 12px 28px #392b4308}
body.pontes-ui .vl-steps button.is-active{background:#eae0f1;border-color:#d4c6df;color:#705d80}
body.pontes-ui .vl-steps button.is-done{background:#edf2e3;color:#536c38}
body.pontes-ui :is(.vl-actions,.vl-tip){background:#faf7fc}
body.pontes-ui .box{border:1px solid #fff;border-radius:26px;background:#fffffff0;box-shadow:0 12px 30px #342b3e08}

/* Layout polish: only modern page chrome; classroom boards and games retain
   their own geometry. Inner reading/review panels already own their padding. */
body.pontes-ui{--pt-panel-space:clamp(18px,2.4vw,30px)}
body.pontes-ui .prefix-exercise-panel{padding:var(--pt-panel-space)}
body.pontes-ui .prefix-exercise-panel>.back{display:inline-flex;margin-bottom:4px}
body.pontes-ui .prefix-heading>div:first-child{min-width:0}
body.pontes-ui .prefix-heading h1{font-size:clamp(26px,2.8vw,38px);overflow-wrap:break-word}
body.pontes-ui .prefix-heading{gap:16px}
body.pontes-ui .prefix-question-card{padding:clamp(16px,2vw,26px);border-radius:18px;box-shadow:none}
body.pontes-ui .prefix-question-card>.learning-attempt-note:first-child{margin-top:0!important}
body.pontes-ui .prefix-equation :is(form,label){min-width:0;max-width:100%}
body.pontes-ui .prefix-equation input{max-width:100%}
body.pontes-ui .prefix-stage{flex-wrap:wrap;align-items:center}
body.pontes-ui :is(.original-game-head,.arcade-head,.pac-edu-head){padding:20px 24px}
body.pontes-ui :is(.original-game-head,.arcade-head,.pac-edu-head)>*{min-width:0}
body.pontes-ui :is(.original-game-head,.arcade-head,.pac-edu-head) h1{overflow-wrap:break-word}
body.pontes-ui .vl-sidebar{padding:16px}
/* This is a heading inside an existing padded card, not a second card. */
body.pontes-ui .issue-card-head{background:transparent;border:0;border-radius:0;box-shadow:none}
body.pontes-ui .filterbar{padding:14px;gap:12px;flex-wrap:wrap;align-items:end}
body.pontes-ui .filterbar>label{min-width:0;max-width:100%}
body.pontes-ui .filterbar select{max-width:100%}
body.pontes-ui .button-row{flex-wrap:wrap;align-items:center}
body.pontes-ui :is(.grid,.form-grid,.concept-grid)>*{min-width:0}
body.pontes-ui :is(.card,.question-card,.prefix-exercise-panel,.course-submission-card){overflow-wrap:break-word}
body.pontes-ui :is(.card,.question-card)>:first-child{margin-top:0}
body.pontes-ui :is(.card,.question-card)>:last-child{margin-bottom:0}
body.pontes-ui :is(.alert,.notice)>.btn{margin:4px 0 4px 8px;vertical-align:middle}
@media(max-width:850px){
 body.pontes-ui .prefix-workshop-shell{gap:18px}
 body.pontes-ui .prefix-reference{border-radius:20px}
}
@media(max-width:800px){
 body.pontes-ui .form-grid>.span2{grid-column:1 / -1}
 body.pontes-ui :is(.original-game-head,.arcade-head,.pac-edu-head){grid-template-columns:1fr;padding:18px;gap:12px}
 body.pontes-ui :is(.original-game-head,.arcade-head,.pac-edu-head)>*{grid-column:auto}
}
@media(max-width:540px){
 body.pontes-ui .prefix-heading{flex-wrap:wrap}
 body.pontes-ui .prefix-score{display:flex;align-items:center;gap:8px;padding:8px 14px}
 body.pontes-ui .prefix-score strong{font-size:20px}
 body.pontes-ui .prefix-reference{position:relative;grid-template-columns:1fr;padding:16px}
 body.pontes-ui .prefix-reference img{grid-row:auto;max-height:none}
 body.pontes-ui .prefix-reference-rules{font-size:12px;gap:6px}
 body.pontes-ui .prefix-equation{gap:10px}
 body.pontes-ui .prefix-equation form{gap:10px}
 body.pontes-ui :is(.alert,.notice)>.btn{display:table;margin:12px 0 0;max-width:100%}
 body.pontes-ui .filterbar select{min-width:0;width:100%}
}