
:root{--navy:#142f50;--teal:#087e88;--gold:#e8b76a;--bg:#f3f6fa;--ink:#233247;--muted:#66778b;--line:#dce5ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans TC','Microsoft JhengHei',Arial,sans-serif;line-height:1.7}button,input,select{font:inherit}button{cursor:pointer}.hero{background:linear-gradient(115deg,#122c4d,#14526a);color:#fff;padding:32px max(20px,calc((100vw - 1250px)/2)) 30px}.hero h1{font-size:clamp(25px,3vw,39px);margin:8px 0;color:#fff}.hero p,.hero small{color:#e8f5f7}.eyebrow{color:#ffdb9c!important;font-weight:700;letter-spacing:2px}.layout{max-width:1250px;margin:24px auto;padding:0 18px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.sidebar,.panel{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #203a5410}.sidebar{padding:17px;align-self:start;position:sticky;top:14px}.sidebar h2{font-size:16px;margin:3px 8px 12px}.nav{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:11px 13px;color:#34465b;margin:3px 0}.nav:hover{background:#eaf4f6}.nav.active{background:#dceff0;color:#075f6b;font-weight:800;border-left:4px solid var(--teal)}.main{min-width:0}.panel{padding:24px;margin-bottom:19px}.heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.number{background:var(--navy);color:#fff;padding:6px 12px;border-radius:9px;font-weight:800}.heading h2{margin:0;font-size:25px}.hint{color:var(--muted);font-size:14px}.pill{display:inline-block;background:#e8f3f4;color:#08717a;border-radius:20px;padding:3px 11px;font-size:13px;font-weight:700}.langbar{display:flex;gap:8px;margin:16px 0}.langbar button{padding:8px 21px;border:1px solid var(--line);border-radius:9px;background:white}.langbar button.active{background:var(--navy);color:white;border-color:var(--navy)}.rule{background:#f2f7fb;border-left:4px solid var(--teal);padding:15px 18px;border-radius:8px;margin-top:14px}.rule p{margin:5px 0}.example{background:#fffaf0;border:1px solid #f0d9ac;border-radius:12px;padding:16px 18px;margin-top:15px}.example h3{margin:0 0 6px;font-size:16px;color:#8b5d1c}.sectiontitle{margin:0 0 13px;font-size:19px;color:var(--navy)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select{width:100%;padding:10px 12px;border:1px solid #cbd9e5;border-radius:9px;background:white;color:#233247}.field input:focus{outline:2px solid #6dc7ca;border-color:var(--teal)}.tip{font-size:12px;color:var(--muted)}.result{border:1px solid var(--line);border-radius:13px;margin:12px 0;overflow:hidden}.resulthead{background:#edf4f7;display:flex;justify-content:space-between;align-items:center;padding:9px 14px;gap:10px;font-weight:800}.resultbody{padding:17px 18px;overflow-wrap:anywhere}.reference{padding-left:2em;text-indent:-2em}.btn{border:0;background:var(--teal);color:#fff;padding:8px 14px;border-radius:9px;font-size:14px;font-weight:700}.btn.secondary{background:#e8eef3;color:var(--navy)}.btn:hover{filter:brightness(.93)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.note{background:#fff9e9;padding:12px 15px;border-radius:10px;font-size:14px;border-left:4px solid var(--gold)}.footer{text-align:center;color:#627489;font-size:13px;padding:20px}.onlyprint{display:none}.fieldrow{display:flex;align-items:center;gap:12px}.fieldrow>*{flex:1}.status{color:#08717a;font-size:13px;min-height:22px}.output-paper{display:none}em{font-style:italic}strong{font-weight:800}@media(max-width:850px){.layout{grid-template-columns:1fr;margin-top:12px}.sidebar{position:static;display:flex;overflow-x:auto;gap:5px;padding:9px}.sidebar h2{display:none}.nav{white-space:nowrap;width:auto;flex-shrink:0}.panel{padding:17px}.formgrid{grid-template-columns:1fr}.hero{padding:26px 20px}.heading h2{font-size:22px}}@media print{body{background:white}.hero,.sidebar,.actions,.langbar,.field,.formgrid,.hideprint,.footer,.btn,.note,.hint,.rule,.example{display:none!important}.layout{display:block;margin:0;padding:0}.panel{border:0;box-shadow:none;padding:0}.editorpanel{display:none}.output-paper{display:block}.onlyprint{display:block}.result{break-inside:avoid;border:0}.resulthead{background:white;padding:10px 0}.resultbody{padding:5px 0 15px}.heading{margin-bottom:18px} @page{size:A4;margin:22mm}}
.welcome-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.welcome-card{text-align:left;border:1px solid var(--line);border-radius:13px;padding:16px;background:#f9fbfd;color:var(--ink);font-weight:700}.welcome-card:hover{background:#e9f4f6;border-color:var(--teal)}.welcome-card small{display:block;color:var(--muted);font-weight:400}.admin-overlay:not([hidden]){position:fixed;inset:0;z-index:999;background:#0b1b2dbb;display:flex;justify-content:center;align-items:center;padding:18px}.admin-box{background:white;border-radius:18px;padding:25px;width:min(940px,100%);max-height:94vh;overflow:auto}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-tools{display:flex;gap:14px;flex-wrap:wrap}.admin-tools select{padding:8px;border:1px solid var(--line);border-radius:8px}.admin-field{display:block;margin:13px 0}.admin-field span{display:block;font-weight:700;margin-bottom:4px}.admin-field textarea,.admin-field input{width:100%;border:1px solid #cdd9e2;border-radius:9px;padding:10px;min-height:42px}.admin-field textarea{min-height:78px}.admin-example{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;background:#f8fafc}.admin-example h4{margin:0 0 8px}.admin-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-example-grid label{font-size:13px}.admin-example-grid input{width:100%;padding:7px;border:1px solid var(--line);border-radius:7px}.admin-box .actions{flex-wrap:wrap}@media(max-width:700px){.welcome-cards,.admin-example-grid{grid-template-columns:1fr}.admin-box{padding:14px}}[hidden]{display:none!important}
.footer .visit-counter{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #dce5ed;border-radius:999px;background:#fff;color:#52677d;font-size:13px}.footer .visit-counter strong{font-weight:800;color:#087e88;font-variant-numeric:tabular-nums}
.module-tabs{max-width:1214px;margin:20px auto 0;padding:0 18px;display:flex;gap:9px;flex-wrap:wrap}.module-tab{background:#fff;border:1px solid #cbd9e5;border-radius:11px;padding:12px 20px;color:#142f50;font-weight:800}.module-tab.active{background:#142f50;color:#fff;border-color:#142f50}.apa7-chart-shell{max-width:1214px;margin:22px auto;padding:0 18px}.apa7-chart-switch{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.apa7-chart-switch label{font-weight:700;display:flex;flex-direction:column;gap:5px;flex:1;min-width:170px}.apa7-chart-switch select{padding:9px;border:1px solid #cbd9e5;border-radius:9px;background:white}.apa7-chart-paper{max-width:740px;margin:10px auto;padding:28px;background:white;color:#151515;font-family:'Times New Roman','Noto Serif TC',serif;line-height:1.65}.apa7-chart-paper> b{display:block}.apa7-chart-title{font-style:italic;margin-bottom:12px}.apa7-chart-note{font-size:14px;overflow-wrap:anywhere}.apa7-chart-rule{border-top:1px solid #222}.apa7-chart-table table{border-collapse:collapse;width:100%;font-size:15px}.apa7-chart-table th{border-bottom:1px solid #555}.apa7-chart-table th,.apa7-chart-table td{padding:7px 10px;text-align:right}.apa7-chart-table th:first-child,.apa7-chart-table td:first-child{text-align:left}.apa7-chart-bars{padding:20px 0}.apa7-chart-bars>div{display:flex;align-items:center;gap:10px;margin:12px 0}.apa7-chart-bars span{width:105px;flex-shrink:0}.apa7-chart-bars i{height:24px;background:#36788b;display:block;max-width:55%}.apa7-chart-bars small{display:block;text-align:center;color:#66778b}@media print{.module-tabs,#apa7-ref-module,.apa7-chart-shell>.panel:not(:last-child),.apa7-chart-shell .actions,.apa7-chart-shell .note{display:none!important}#apa7-chart-module[hidden]{display:none!important}.apa7-chart-shell{margin:0;padding:0}.apa7-chart-paper{padding:0}}

/* Full APA 7 references in chart example cards, including wrapping and rich text */
#apa7-chart-module .apa7-example-full{line-height:1.85;overflow-wrap:anywhere;white-space:normal;margin:12px 0 18px;}
#apa7-chart-module .apa7-example-full em{font-style:italic;}
#apa7-chart-module .apa7-example-full strong{font-weight:700;}

/* v1.23.0: Align reference navigation with chart navigation on narrow screens.
   Keep the desktop two-column layout and preserve all nine reference types. */
@media (max-width:850px){
  #apa7-ref-module .layout{grid-template-columns:minmax(0,1fr)}
  #apa7-ref-module .sidebar{display:block;min-width:0;overflow:hidden;padding:9px}
  #apa7-ref-module .sidebar #nav{display:flex;align-items:stretch;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:5px}
  #apa7-ref-module .sidebar #nav .nav{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:45px;white-space:nowrap;margin:0;padding:9px 13px;text-align:center}
  #apa7-ref-module .sidebar #nav .nav.active{border-left:4px solid var(--teal)}
  #apa7-ref-module .main{min-width:0}
  #apa7-ref-module .welcome-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #apa7-ref-module .welcome-card{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:420px){
  #apa7-ref-module .welcome-cards{gap:8px}
  #apa7-ref-module .welcome-card{padding:11px}
}

/* v1.24.0: identical desktop/mobile navigation layout for both modules.
   Desktop: left vertical navigation and right content.
   Mobile: horizontal swipeable navigation above content. */
@media (min-width:851px){
  #apa7-chart-module .apa7-chart-nav{display:block;width:100%}
  #apa7-chart-module .apa7-chart-nav .nav{display:block;width:100%;text-align:left}
}
@media (max-width:850px){
  #apa7-chart-module .layout{grid-template-columns:minmax(0,1fr)}
  #apa7-chart-module .sidebar{display:block;min-width:0;overflow:hidden;padding:9px;position:static}
  #apa7-chart-module .sidebar h2{display:none}
  #apa7-chart-module .apa7-chart-nav{display:flex;align-items:stretch;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:5px}
  #apa7-chart-module .apa7-chart-nav .nav{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:45px;white-space:nowrap;margin:0;padding:9px 13px;text-align:center}
  #apa7-chart-module .apa7-chart-nav .nav.active{border-left:4px solid var(--teal)}
  #apa7-chart-module .main{min-width:0}
  #apa7-chart-module .welcome-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #apa7-chart-module .welcome-card{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:420px){
  #apa7-chart-module .welcome-cards{gap:8px}
  #apa7-chart-module .welcome-card{padding:11px}
}

/* v1.25: chart content mirrors reference content on desktop and mobile.
   APA chart titles: Chinese bold upright; English italic regular. */
#apa7-chart-module .apa7-chart-title{font-style:normal;font-weight:800}
#apa7-chart-module .apa7-chart-title:lang(en){font-style:italic;font-weight:400}
#apa7-chart-module .apa7-chart-title:lang(zh){font-style:normal;font-weight:800}
#apa7-chart-module .main>.panel:first-child{width:100%}

/* v1.29: scholarly metadata import */
#apa7-import-module .main{max-width:1100px;width:100%;margin:auto}
#apa7-import-module .apa7-import-input{display:grid;gap:12px}
#apa7-import-module textarea{width:100%;min-height:180px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
#apa7-import-module input[type=file]{width:100%;padding:10px;border:1px dashed #94a3b8;border-radius:8px}
#apa7-import-module .apa7-import-warnings{margin:12px 0}
#apa7-import-module .apa7-import-warnings p{margin:6px 0;padding:9px 12px;background:#fff7e7;color:#6e4d00;border-radius:6px}
#apa7-import-module .field input,#apa7-import-module .field select{width:100%;min-width:0}

/* v1.29.1: ensure third navigation tab is clickable above adjacent panels */
.apa7-tool .module-tabs{position:relative;z-index:5}.apa7-tool #apa7-import-tab{position:relative;pointer-events:auto;cursor:pointer}

/* Device-specific, administrator-editable welcome instructions. */
.apa7-mobile-hint{display:none}
@media(max-width:850px){.apa7-desktop-hint{display:none}.apa7-mobile-hint{display:inline}}
@media print{.apa7-mobile-hint,.apa7-desktop-hint{display:none!important}}

.apa7-game-wrap{max-width:1080px;margin:24px auto;padding:0 16px}.apa7-game-modes{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.apa7-game-stage{margin-top:20px;padding:20px;border:1px solid #d7e2eb;border-radius:14px;background:#fff}.apa7-game-top{display:flex;justify-content:space-between;color:#52677b;font-size:14px}.apa7-game-cards{list-style:none;padding:0;display:grid;gap:10px}.apa7-game-cards li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #cfdbe6;border-radius:10px;background:#f7fafc;cursor:grab}.apa7-game-label{flex:1;font-weight:600}.apa7-game-grip{color:#8192a0}.apa7-game-cards button{border:1px solid #ccd8e2;border-radius:8px;background:white;padding:8px 12px;cursor:pointer}.apa7-game-cards button:disabled{opacity:.35;cursor:default}.apa7-game-options{display:grid;gap:10px;margin:20px 0}.apa7-game-options button{padding:14px;text-align:left;border:2px solid #d7e2eb;border-radius:10px;background:#fff;color:#1b3346;cursor:pointer;font-size:16px}.apa7-game-options button.picked{border-color:#1679a8;background:#e8f5fc}.apa7-game-feedback{margin:18px 0;padding:16px;border-radius:10px;background:#eef7f0;border:1px solid #bcdcc4}.apa7-game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@media(max-width:600px){.apa7-game-wrap{padding:0 10px}.apa7-game-stage{padding:12px}.apa7-game-modes .btn{flex:1 1 100%}.apa7-game-cards li{gap:6px;padding:9px}.apa7-game-cards button{padding:9px}}

/* APA 7 game arena 1.31 */
.apa7-game-wrap{max-width:1080px;margin:20px auto;padding:0 16px}.apa7-game-hero{border-radius:22px;padding:28px;background:linear-gradient(120deg,#5936bc,#168dc0 55%,#19a78b);color:white;box-shadow:0 12px 26px #123b6520}.apa7-game-hero h2,.apa7-game-hero p,.apa7-game-hero .apa7-game-kicker{color:white!important}.apa7-game-hero h2{font-size:clamp(26px,4vw,40px);margin:8px 0}.apa7-game-kicker{font-weight:800;letter-spacing:2px}.apa7-game-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.apa7-game-stat{background:#fff;border:1px solid #e4e9f4;border-radius:16px;padding:16px;text-align:center;box-shadow:0 4px 14px #142d4b0b}.apa7-game-stat span{display:block;color:#51647c;font-size:14px}.apa7-game-stat strong{font-size:29px;color:#4937a6}.apa7-game-panel{padding:20px!important}.apa7-game-switch{display:flex;flex-wrap:wrap;gap:8px}.apa7-game-switch button{flex:1;min-width:140px;padding:13px;border-radius:12px;border:2px solid #e0e6f0;background:#f8faff;color:#28344e;font-weight:800;cursor:pointer}.apa7-game-switch button.active{background:#5b44b7;color:#fff;border-color:#5b44b7}.apa7-game-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.apa7-game-modes.hidden{display:none}.apa7-game-type{background:linear-gradient(145deg,#fff3d7,#ffe1a5);border:2px solid #f4cb80;border-radius:16px;padding:18px 10px;font-size:26px;cursor:pointer}.apa7-game-type:nth-child(2){background:linear-gradient(145deg,#fce4f1,#f6c5e5);border-color:#e7b0d5}.apa7-game-type:nth-child(3){background:linear-gradient(145deg,#dff8ed,#b9e8df);border-color:#91d9c8}.apa7-game-type span{display:block;font-size:15px;font-weight:800;color:#243d52}.apa7-game-type.active{outline:3px solid #5144a9;outline-offset:2px}.apa7-game-stage{background:#fbfcff;border:1px solid #dbe2f0;border-radius:18px;padding:24px}.apa7-game-head{display:flex;justify-content:space-between;gap:10px;color:#5945a5;font-weight:800}.apa7-game-stage h3{font-size:21px;margin:15px 0}.apa7-game-help{color:#55647d;line-height:1.7}.apa7-game-cards,.apa7-game-choices{display:grid;gap:10px;margin:18px 0}.apa7-game-card{display:flex;align-items:center;gap:10px;border:2px solid transparent;border-radius:14px;padding:9px 12px;box-shadow:0 3px 7px #182c4612;transition:transform .12s,border-color .12s}.apa7-game-card.is-target{border-color:#5433b6;transform:scale(1.015)}.apa7-game-card.is-selected{border-color:#5433b6;box-shadow:0 0 0 3px #5433b622}.apa7-game-handle{font-size:25px;padding:12px 14px;touch-action:none;cursor:grab;border:0;background:#ffffff9e;border-radius:10px;color:#36445e;user-select:none}.apa7-game-cardpick{flex:1;text-align:left;font-size:17px;font-weight:800;border:0;background:transparent;color:#263b50;padding:12px 4px;cursor:pointer}.apa7-game-number{color:#52617c;font-weight:700}.apa7-game-card.color-0,.apa7-game-choice.color-0{background:#ffe2dc}.apa7-game-card.color-1,.apa7-game-choice.color-1{background:#ffefc2}.apa7-game-card.color-2,.apa7-game-choice.color-2{background:#d9f1dc}.apa7-game-card.color-3,.apa7-game-choice.color-3{background:#d5efff}.apa7-game-card.color-4,.apa7-game-choice.color-4{background:#e8ddff}.apa7-game-card.color-5,.apa7-game-choice.color-5{background:#ffe0f2}.apa7-game-choice{padding:16px;text-align:left;border:2px solid transparent;border-radius:12px;color:#24384b;font-size:16px;cursor:pointer}.apa7-game-choice.selected{border-color:#5138a4;box-shadow:0 0 0 2px #5138a433}.apa7-game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.apa7-game-primary,.apa7-game-secondary{border-radius:12px;padding:13px 20px;font-size:15px;font-weight:800;cursor:pointer}.apa7-game-primary{background:linear-gradient(110deg,#6543c8,#248db8);color:white;border:0}.apa7-game-secondary{background:#fff;color:#50438d;border:1px solid #c8c4e5}.apa7-game-result{padding:15px;border-radius:12px;margin:18px 0}.apa7-game-result.is-correct{background:#ddf6e6;color:#165d3d}.apa7-game-result.is-wrong{background:#fff0d4;color:#764b13}.apa7-game-finish{text-align:center;padding:24px 0}.apa7-game-confetti{font-size:35px}.apa7-game-bigscore{font-size:58px;font-weight:900;color:#5736b0}.apa7-game-bigscore small{font-size:16px}.apa7-game-stars{font-size:32px}.apa7-game-leader{display:flex;align-items:center;gap:16px;padding:15px;border-bottom:1px solid #e6e8f0}.apa7-game-leader strong{flex:1}.apa7-game-leader b{color:#5945a5}@media(max-width:600px){.apa7-game-wrap{padding:0 8px}.apa7-game-hero{padding:22px}.apa7-game-dashboard{gap:6px}.apa7-game-stat{padding:10px 5px}.apa7-game-stat strong{font-size:23px}.apa7-game-stat span{font-size:11px}.apa7-game-panel{padding:10px!important}.apa7-game-stage{padding:12px}.apa7-game-switch button{min-width:95px;padding:10px 6px;font-size:12px}.apa7-game-modes{gap:6px}.apa7-game-type{padding:12px 4px;font-size:23px}.apa7-game-type span{font-size:12px}.apa7-game-cardpick{font-size:15px}.apa7-game-head{font-size:12px}}

/* v1.32.0: touch-friendly puzzle and readable game feedback */
.apa7-game-card{min-height:72px;position:relative}.apa7-game-cardpick{min-width:0}.apa7-game-handle{touch-action:none!important;min-width:48px;min-height:54px;overscroll-behavior:contain}.apa7-game-arrows{display:flex;flex-direction:column;gap:3px}.apa7-game-arrows button{background:#fff;border:1px solid #bdc8d8;border-radius:8px;min-width:42px;min-height:35px;font-size:20px;font-weight:800;color:#273b60;touch-action:manipulation}.apa7-game-arrows button:disabled{opacity:.3}.apa7-game-card.is-target{outline:4px solid #6542d3;outline-offset:1px}.apa7-game-type.active{outline-width:5px!important;outline-offset:3px!important;box-shadow:0 0 0 4px #fff,0 8px 22px #283e6340;transform:translateY(-2px)}.apa7-game-type:nth-child(1).active{outline-color:#b67a00!important}.apa7-game-type:nth-child(2).active{outline-color:#c33188!important}.apa7-game-type:nth-child(3).active{outline-color:#008c7c!important}.apa7-game-type.active:after{content:'✓ 目前遊戲';display:block;font-size:12px;font-weight:800;margin-top:5px;color:#203954}.apa7-game-choice em{font-style:italic;font-synthesis:style}.apa7-game-quip{font-weight:800;font-size:17px}.apa7-game-rank{display:inline-block;border-radius:24px;background:#f1e6ff;color:#563aa3;padding:10px 20px;font-weight:900}.apa7-game-advisor{text-align:left;background:#f6f0ff;border-left:5px solid #7653b7;padding:16px;border-radius:10px;margin:18px 0}.apa7-game-advisor p{margin-bottom:0}.apa7-game-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0}.apa7-game-breakdown span{background:#edf5ff;border-radius:12px;padding:9px 12px;font-weight:700}@media(max-width:600px){.apa7-game-card{padding:7px;gap:7px}.apa7-game-handle{padding:8px;min-width:43px}.apa7-game-cardpick{font-size:15px;padding:8px 2px}.apa7-game-arrows button{min-width:39px;min-height:37px}}

/* v1.33: consistent reference formatting on mobile and desktop */
.apa7-game-choice .apa7-italic,.apa7-game-correct-reference .apa7-italic{font-style:italic!important;font-synthesis:style!important;font-weight:400!important}
.apa7-game-choice .apa7-zh-bold,.apa7-game-correct-reference .apa7-zh-bold{font-weight:800!important;font-style:normal!important}
.apa7-game-correct-reference{display:block;margin-top:8px;line-height:1.8;overflow-wrap:anywhere}

/* v1.34: preserve APA typography in detective choices on desktop and mobile */
.apa7-game-choice em.apa7-italic,.apa7-game-correct-reference em.apa7-italic{font-style:italic!important;font-synthesis:style!important;font-weight:400!important}
.apa7-game-choice strong.apa7-zh-bold,.apa7-game-correct-reference strong.apa7-zh-bold{font-weight:800!important;font-style:normal!important}

/* v1.35.0: high-visibility leaderboard registration */
.apa7-game-register{margin:20px auto;padding:22px;border:2px solid #3478d4;border-radius:16px;background:#f1f7ff;max-width:540px;text-align:left;display:grid;gap:10px}.apa7-game-register label{font-size:1.1rem;color:#173b70}.apa7-game-register input{box-sizing:border-box;width:100%;min-height:52px;padding:12px 15px;font-size:1.1rem;color:#182c4d;background:white;border:2px solid #6e93cb;border-radius:10px}.apa7-game-register input:focus{outline:3px solid #a4c6ff;outline-offset:2px}.apa7-game-register button:disabled{opacity:.45;cursor:not-allowed}.apa7-game-name-error{min-height:1.2em;color:#a61d24;font-weight:600;margin:0}

/* v1.35.1: separate original bibliography content from unobtrusive right-side field hints */
.apa7-game-cardpick,.apa7-game-choice{overflow-wrap:anywhere}
.apa7-game-cardpick:has(.apa7-game-fieldhint),.apa7-game-choice:has(.apa7-game-fieldhint){display:flex;align-items:center;gap:12px;text-align:left;width:100%}
.apa7-game-raw{flex:1;min-width:0;line-height:1.65}
.apa7-game-fieldhint{flex:0 0 auto;margin-left:auto;padding:4px 8px;border:1px dashed #a9b5c4;border-radius:6px;color:#64748b;background:#ffffff77;font-size:11px;font-weight:500;white-space:nowrap;opacity:.7;pointer-events:none}
@media(max-width:600px){.apa7-game-fieldhint{font-size:10px;padding:3px 5px;max-width:72px;white-space:normal;text-align:right}.apa7-game-cardpick:has(.apa7-game-fieldhint),.apa7-game-choice:has(.apa7-game-fieldhint){gap:5px}}

/* v1.35.3: APA emphasis belongs to the field, not the game card. */
.apa7-game-stage .apa7-game-cardpick,.apa7-game-stage .apa7-game-choice,
.apa7-game-stage .apa7-game-raw{font-weight:400!important;font-style:normal!important}
.apa7-game-stage .apa7-game-raw strong.apa7-zh-bold,
.apa7-game-stage .apa7-game-correct-reference strong{font-weight:700!important;font-style:normal!important}
.apa7-game-stage .apa7-game-raw em.apa7-italic,
.apa7-game-stage .apa7-game-correct-reference em{font-style:italic!important;font-weight:400!important}
.apa7-game-stage .apa7-game-fieldhint{font-weight:400!important;font-style:normal!important}

/* v1.35.4: show the reference type before every exercise. */
.apa7-game-reference-type{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;margin:14px 0;background:#eef4ff;border:1px solid #cad8fa;border-radius:12px;color:#273e66}
.apa7-game-reference-type span{font-size:13px;color:#52698e}.apa7-game-reference-type strong{font-size:18px;font-weight:800}.apa7-game-reference-type small{margin-left:auto;color:#617593;font-size:12px}
.apa7-game-handle{cursor:grab;touch-action:none!important;user-select:none;-webkit-user-select:none}.apa7-game-card.is-dragging{opacity:.72;transform:scale(1.01);box-shadow:0 9px 22px #273c6b33}.apa7-game-card.is-target{border-color:#5c42c5!important;outline:3px dashed #5c42c5;outline-offset:1px}
@media(max-width:600px){.apa7-game-reference-type{gap:7px;padding:11px}.apa7-game-reference-type strong{font-size:16px}}

/* v1.36.2: detailed per-question challenge report */
.apa7-game-review{text-align:left;margin:28px 0}.apa7-game-review>h3{font-size:21px!important;margin-bottom:16px!important}.apa7-game-review-item{border:1px solid #dce3ef;border-radius:15px;padding:18px;margin:14px 0;background:#fff;overflow-wrap:anywhere}.apa7-game-review-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.apa7-game-review-pass{color:#14643b;font-weight:800}.apa7-game-review-fail{color:#aa3b3b;font-weight:800}.apa7-game-review-meta{color:#52647b;font-size:13px}.apa7-game-review-item p{line-height:1.75}.apa7-game-review-answer{display:block;margin-top:6px;padding:10px 12px;background:#f7f9fe;border-radius:9px;line-height:1.85}.apa7-game-review-reference{padding:12px;background:#f3f5fb;border-radius:10px;line-height:1.8}.apa7-game-review-reference>div{margin-top:8px}.apa7-game-review-explain{background:#eef7ff;border-left:4px solid #3285b4;border-radius:9px;padding:12px;margin-top:12px}.apa7-game-review-explain p{margin:6px 0 0}@media(max-width:600px){.apa7-game-review-item{padding:12px}.apa7-game-review-heading{align-items:flex-start}}

/* v1.36.6: Free-practice completion and formal-challenge invitation */
.apa7-practice-progress{display:grid;gap:9px;margin:18px 0;text-align:left}
.apa7-practice-progress-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #dce6ef;border-radius:10px;background:#f7fafc;flex-wrap:wrap}
.apa7-practice-progress-item span{font-size:.92em;color:#376078}
.apa7-practice-all-finished .apa7-game-primary{margin:10px 6px 8px 0}
@media(max-width:560px){.apa7-practice-progress-item{display:block}.apa7-practice-progress-item span{display:block;margin-top:4px}}

/* v1.36.7: graphical free-practice progress */
.apa7-practice-meter{padding:16px;margin:0 0 20px;border:1px solid #dbe4f1;border-radius:15px;background:#fff;text-align:left}
.apa7-practice-meter h4{margin:0 0 13px;font-size:17px;color:#263958}
.apa7-practice-meter-item{margin:0 0 13px}
.apa7-practice-meter-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:14px;color:#2d405b}
.apa7-practice-meter-label span{white-space:nowrap;font-variant-numeric:tabular-nums}
.apa7-practice-meter-track{height:12px;border-radius:99px;background:#e8edf5;overflow:hidden}
.apa7-practice-meter-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#488de0,#6c64d9);transition:width .3s ease}
.apa7-practice-meter-fill.is-done,.apa7-practice-meter-overall .apa7-practice-meter-fill{background:linear-gradient(90deg,#28a879,#168b77)}
.apa7-practice-meter-overall{border-top:1px solid #e4e9f1;padding-top:13px;margin:5px 0 0}
.apa7-practice-meter-overall .apa7-practice-meter-track{height:16px}
@media(max-width:560px){.apa7-practice-meter{padding:12px}.apa7-practice-meter-label{font-size:12px}}

/* Contact link beneath homepage credit */
.apa7-tool .apa7-contact-email{margin-top:8px;font-size:.9rem;line-height:1.5}.apa7-tool .apa7-contact-email a{color:#fff;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.apa7-tool .apa7-contact-email a:hover,.apa7-tool .apa7-contact-email a:focus-visible{color:#fff;text-decoration-thickness:2px}

/* APA7 private feedback */
.apa7-feedback-section{max-width:1060px;margin:28px auto;padding:0 16px}.apa7-feedback-card{background:#fff;color:#223044;border:1px solid #dbe3ed;border-radius:18px;padding:clamp(18px,3vw,32px);box-shadow:0 6px 22px #1b33500c}.apa7-feedback-card h2{color:#173b60;margin:0 0 10px}.apa7-feedback-card p{line-height:1.75}.apa7-feedback-card form{display:grid;gap:10px}.apa7-feedback-card label{font-weight:700;margin-top:6px}.apa7-feedback-card input,.apa7-feedback-card textarea,.apa7-feedback-card select{box-sizing:border-box;display:block;width:100%;border:1px solid #bac9d8;border-radius:9px;padding:11px 12px;background:#fff;color:#243247;font:inherit}.apa7-feedback-card input[type=file]{padding:10px}.apa7-feedback-card .apa7-feedback-submit{background:#17639b;color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer}.apa7-feedback-card .apa7-feedback-submit:disabled{opacity:.65;cursor:wait}.apa7-feedback-card .apa7-feedback-privacy{font-size:.85rem;color:#56697e}.apa7-feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.apa7-contact-email{margin-top:8px;position:relative;z-index:2}.apa7-contact-email a{color:#fff!important;text-decoration:underline!important;display:inline-block;padding:5px}.apa7-feedback-card #apa7-feedback-status{font-weight:600;margin:4px 0}.apa7-feedback-card #apa7-feedback-status.error{color:#b42318}.apa7-feedback-card #apa7-feedback-status.success{color:#13784d}

/* Feedback is a fifth tab, not an always-visible footer section. */
#apa7-feedback[hidden]{display:none!important}
#apa7-feedback:not([hidden]){margin:22px auto 30px}
