.secondary,.play{border:1px solid var(--line);background:#fff;color:var(--green)}
.status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.status div{background:#f7f3eb;border:1px solid var(--line);border-radius:10px;padding:9px;min-width:0}
.status b{display:block;font:700 1.1rem Georgia;margin-top:3px;overflow-wrap:anywhere}
.notice{color:var(--muted);font-size:.78rem}.notice.error{color:var(--red)}
.results{max-height:520px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.78rem}
th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}th{position:sticky;top:0;background:var(--card);color:var(--green);z-index:1}
.rank{font:700 1rem Georgia}.move-word{font-weight:900}.move-preview{outline:3px solid var(--green);outline-offset:-3px}
.board{
  grid-template-columns:repeat(15,minmax(0,1fr));
  grid-template-rows:repeat(15,minmax(0,1fr));
  width:100%;
  aspect-ratio:1/1;
}
.cell{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  line-height:1;
}
.cell.filled{
  display:grid;
  place-items:center;
  padding:0;
  font-family:"Iowan Old Style","Baskerville","Palatino Linotype",Palatino,Georgia,serif;
  font-size:clamp(.78rem,1.65vw,1.22rem);
  font-weight:700;
  letter-spacing:.035em;
  font-variant-numeric:lining-nums;
  text-rendering:optimizeLegibility;
}
.cell.filled::after{content:attr(data-points);inset:auto 7% 6% auto;font:800 clamp(.38rem,.65vw,.56rem)/1 Inter,"Noto Sans Thai",system-ui,sans-serif;letter-spacing:0;color:#342411}
.game-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-head h2{margin:0}
.scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.scoreboard>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:#f7f3eb;min-width:0}
.scoreboard .player.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 4px 0 #0d3d2e}
.scoreboard .player.active small{color:#d8eee6}.scoreboard b{display:block;font:700 1.35rem "Iowan Old Style",Baskerville,Georgia,serif}
.engine-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:end;margin-top:10px}.engine-row strong{display:flex;align-items:center;min-height:43px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#f7f3eb}
.history{margin:8px 0 0;padding-left:1.4rem;max-height:180px;overflow:auto}.history li{padding:5px 2px;border-bottom:1px solid var(--line)}
.actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.toggle-line{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--ink);font-size:.82rem}.toggle-line input{width:auto;accent-color:var(--green)}
.toggle-line+.toggle-line{margin-top:-5px}
.game-summary{margin-top:14px;padding:16px;border-radius:14px;background:var(--green);color:#fff;box-shadow:0 5px 0 #0d3d2e}.game-summary[hidden]{display:none}.summary-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.summary-head small{color:#cce7dc;font-size:.62rem;font-weight:900;letter-spacing:.14em}.summary-head h3{margin:3px 0 0;color:#fff;font-size:1.55rem}.summary-head>b{font:700 1.8rem "Iowan Old Style",Baskerville,Georgia,serif;white-space:nowrap}.game-summary>p{margin:8px 0;color:#d8eee6;font-size:.76rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.summary-grid>div{display:grid;gap:3px;padding:10px;border:1px solid #ffffff36;border-radius:10px;background:#ffffff12}.summary-grid small{color:#cce7dc}.summary-grid span{font-size:.7rem}.summary-grid strong{margin-top:3px;font:700 1.15rem "Iowan Old Style",Baskerville,Georgia,serif}.summary-meta{padding-top:9px;border-top:1px solid #ffffff2d}
.match-mode{display:grid;grid-template-columns:auto minmax(220px,340px);gap:10px;align-items:center;margin-top:12px}.match-mode label{margin:0}.external-panel{display:grid;grid-template-columns:minmax(260px,1fr) 110px auto auto;gap:10px;align-items:end;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7f3eb}.external-panel[hidden]{display:none}.external-panel small{display:block;color:var(--green);font-size:.62rem;font-weight:900;letter-spacing:.12em}.external-panel b{display:block;margin-top:3px}.external-panel p{margin:4px 0 0;color:var(--muted);font-size:.7rem;line-height:1.4}.external-panel label{margin:0}.external-panel.waiting{border-color:var(--green);box-shadow:0 0 0 2px #145b4520}@media(max-width:760px){.match-mode,.external-panel{grid-template-columns:1fr}.external-panel button{width:100%}}
.unseen-panel summary{cursor:pointer;font:700 1.25rem "Iowan Old Style",Baskerville,Georgia,serif;color:var(--green)}
.waiting-decision{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;max-width:280px}.waiting-decision span{padding:3px 5px;border:1px solid var(--line);border-radius:5px;background:#f7f3eb;font-size:.58rem;line-height:1.25;color:var(--muted)}.waiting-decision b{color:var(--green);letter-spacing:.04em}
.rack-tray{grid-template-columns:repeat(7,clamp(38px,4.3vw,54px));width:max-content;max-width:100%;padding:6px 7px 9px}.tile-probabilities{grid-template-columns:repeat(auto-fill,minmax(66px,78px));justify-content:start;gap:12px 10px}
.layout{grid-template-columns:minmax(500px,720px) minmax(360px,1fr);grid-template-areas:"game game" "board results" "solver results" "status results" "unseen unseen" "history history";align-items:start}.side{display:contents}.layout>.card{grid-area:board}.game-card{grid-area:game}.game-card+.card{grid-area:solver}.status{grid-area:status}.results{grid-area:results;align-self:start;max-height:min(1000px,calc(100vh - 32px));overflow:auto;overscroll-behavior:contain}.unseen-panel{grid-area:unseen}.side>.card:last-child{grid-area:history}.history{max-height:none}.rack-tray{grid-template-columns:repeat(7,clamp(38px,4.3vw,54px));width:max-content;max-width:100%;padding:6px 7px 9px}.tile-probabilities{grid-template-columns:repeat(auto-fill,minmax(66px,78px));justify-content:start;gap:12px 10px}
.rack-tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:8px;padding:7px 8px 10px;border-radius:8px;background:linear-gradient(#8a5527,#613817);box-shadow:inset 0 2px 3px #3b210f,0 3px 0 #43240f}.letter-tile,.rack-slot{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:5px}.letter-tile{border:1px solid #ad7423;background:linear-gradient(145deg,#f7d88d 0%,#e9b954 72%,#dca13d 100%);color:#201b12;box-shadow:inset 1px 1px 0 #fff1bd,inset -2px -2px 0 #c58a2e,0 2px 2px #24130866}.letter-tile b{font:700 clamp(1rem,2vw,1.45rem)/1 "Iowan Old Style",Baskerville,"Palatino Linotype",Georgia,serif}.letter-tile sup{position:absolute;right:10%;bottom:7%;font:800 clamp(.42rem,.75vw,.62rem)/1 Inter,system-ui,sans-serif}.blank-tile b{font-size:.8em;color:#76501f}.rack-slot{border:1px solid #77451f;background:#70421f;box-shadow:inset 0 2px 4px #3b210f99}.move-tiles{display:inline-flex;gap:2px;margin-bottom:5px;white-space:nowrap}.suggestion-tile{display:inline-grid;width:25px;border-radius:3px}.suggestion-tile b{font-size:.88rem}.suggestion-tile sup{font-size:.38rem}.tile-probabilities{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 7px;margin-top:12px}.prob-item{text-align:center;min-width:0}.prob-tile{width:100%;margin:auto}.prob-item>span:not(.letter-tile),.prob-item>small{display:block;font-size:.58rem;line-height:1.25;color:var(--muted)}.prob-item>span:not(.letter-tile){margin-top:3px;font-weight:800;color:var(--ink)}.risk-column[hidden]{display:none}
@media(max-width:900px){header,.layout{grid-template-columns:1fr!important}header aside{border:0!important;border-top:1px solid var(--line)!important;padding:18px 0!important}.board{max-width:720px}}
@media(max-width:520px){.shell{width:min(100% - 16px,1280px)!important}.card{padding:10px!important}.controls,.engine-row{grid-template-columns:1fr!important}.cell:not(.filled)::after{display:none}.cell.filled::after{display:block}h1{font-size:3.2rem!important}.status{grid-template-columns:1fr 1fr 1fr}.scoreboard{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr 1fr!important}.tile-probabilities{grid-template-columns:repeat(5,minmax(0,1fr))}.results{overflow:auto}.results table{min-width:520px}}
@media(max-width:900px){.layout{grid-template-areas:"game" "board" "solver" "status" "results" "unseen" "history"}}
.rack-tray{grid-template-columns:repeat(7,clamp(40px,4.1vw,52px));width:max-content;max-width:100%;padding:6px 7px 9px}
.tile-probabilities{grid-template-columns:repeat(auto-fill,72px);justify-content:start;gap:12px 10px}
@media(max-width:520px){.rack-tray{grid-template-columns:repeat(7,clamp(36px,11vw,46px));gap:4px}.tile-probabilities{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px 7px}}
.story{margin:0 0 16px}.story-lead{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:28px;align-items:end}.story h2{margin:.2rem 0 0;font:700 clamp(1.8rem,3.3vw,3.2rem)/.98 "Iowan Old Style",Baskerville,Georgia,serif}.story-lead>p{margin:0;color:var(--muted);line-height:1.65}.story-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.story-flow article{position:relative;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f7f3eb}.story-flow article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.story h3{margin:12px 0 6px;font:700 1.1rem "Iowan Old Style",Baskerville,Georgia,serif;color:var(--green)}.story-flow p,.engine-truth p,.roadmap{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.engine-truth{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.roadmap{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--green);color:#eef8f4}.roadmap summary{cursor:pointer;font-weight:800}.roadmap ol{margin:12px 0 0;padding-left:1.2rem}.roadmap li{margin:7px 0}@media(max-width:760px){.story-lead,.story-flow,.engine-truth{grid-template-columns:1fr}.story-lead{gap:12px}.story-flow{margin-top:16px}}
.shell{display:flex;flex-direction:column}.top{order:1}.shell>header{order:2}.playful-intro{order:3}.layout{order:4}.data-structure-lesson{order:5;margin-top:18px}.data-structure-lesson>.story-lead,.data-structure-lesson>.story-flow,.data-structure-lesson>.engine-truth,.data-structure-lesson>.roadmap{display:none}
.playful-intro{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr);gap:28px;align-items:end;margin-bottom:16px;background:linear-gradient(135deg,#fffdf7 0%,#f2ead9 100%)}.playful-intro h2,.ds-lesson-head h2{margin:.25rem 0 0;font:700 clamp(1.8rem,3.1vw,3rem)/1 "Iowan Old Style",Baskerville,Georgia,serif}.playful-intro>p{margin:0;color:var(--muted);line-height:1.65}.intro-challenges{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.intro-challenges span{padding:7px 11px;border-radius:999px;background:var(--green);color:#fff;font-size:.72rem;font-weight:800}
.ds-lesson-head{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:28px;align-items:end}.ds-lesson-head>p{margin:0;color:var(--muted);line-height:1.6}.ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.ds-grid article{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f7f3eb}.ds-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.ds-grid h3{margin:3px 0 8px;font:700 1.25rem "Iowan Old Style",Baskerville,Georgia,serif;color:var(--green)}.ds-grid p,.ds-grid small{color:var(--muted);line-height:1.55}.ds-grid p{margin:0}.ds-grid dl{display:grid;gap:5px;margin:14px 0}.ds-grid dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:7px;background:#fff}.ds-grid dt{font-size:.72rem}.ds-grid dd{margin:0;font:700 .9rem ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--green)}.ds-grid small{display:block;font-size:.7rem}
@media(max-width:760px){.playful-intro,.ds-lesson-head,.ds-grid{grid-template-columns:1fr}.playful-intro{gap:12px}.intro-challenges{grid-column:auto}.data-structure-lesson{margin-top:12px}}
.lesson-section{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#faf7f0}.lesson-section h3{margin:3px 0 8px;font:700 clamp(1.35rem,2.2vw,2rem) "Iowan Old Style",Baskerville,Georgia,serif;color:var(--ink)}.lesson-section h4{margin:0 0 7px;color:var(--green)}.lesson-section p{color:var(--muted);line-height:1.65}.course-brief{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;background:var(--green);color:#fff}.course-brief h3,.course-brief h4{color:#fff}.course-brief p,.course-brief li{color:#d8eee6}.course-meta{display:grid;grid-template-columns:1fr;gap:7px}.course-meta>div{padding:10px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff0d}.course-meta small{color:#bfe1d5}.course-meta b{display:block;margin-top:2px}.learning-outcomes{grid-column:1/-1;padding-top:15px;border-top:1px solid #ffffff32}.learning-outcomes ol{columns:2;column-gap:32px;margin:8px 0 0;padding-left:1.25rem}.learning-outcomes li{break-inside:avoid;margin:7px 0;padding-right:12px}.lesson-title{display:flex;align-items:center;gap:13px;margin-bottom:14px}.lesson-title>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.lesson-columns,.algorithm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lesson-section pre{margin:12px 0 0;padding:14px;border-radius:10px;background:#17251f;color:#dff3eb;overflow:auto;font:600 .75rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.algorithm-grid ul{margin:0;padding-left:1.15rem}.algorithm-grid li{margin:8px 0;color:var(--muted)}.callout{padding:12px 14px;border-left:4px solid var(--gold);border-radius:7px;background:#fff}.lesson-table{font-size:.72rem}.lesson-table th{position:static;background:#fff}.lesson-table td{vertical-align:top}.formula-card{display:grid;gap:5px;margin:15px 0;padding:16px;border-radius:12px;background:#17251f;color:#fff;text-align:center}.formula-card span,.formula-card small{color:#bfe1d5}.formula-card strong{font:700 clamp(1rem,2.2vw,1.45rem) ui-monospace,SFMono-Regular,Consolas,monospace}.formula-card.strategic{background:var(--green)}.heuristic-grid,.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.heuristic-grid article,.question-grid article{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.heuristic-grid p,.question-grid p{margin:0;font-size:.76rem}.heuristic-grid code{font-size:.68rem;color:var(--green)}.question-grid b{color:var(--green);letter-spacing:.08em}.ai-lesson{background:linear-gradient(145deg,#faf7f0,#edf5f1)}.anchor-lesson{background:linear-gradient(145deg,#faf7f0,#f5ecd9)}
@media(max-width:760px){.course-brief,.lesson-columns,.algorithm-grid{grid-template-columns:1fr}.learning-outcomes{grid-column:auto}.learning-outcomes ol{columns:1}.heuristic-grid,.question-grid{grid-template-columns:1fr 1fr}.lesson-section{padding:15px}}
@media(max-width:480px){.heuristic-grid,.question-grid{grid-template-columns:1fr}.formula-card strong{overflow-wrap:anywhere}.lesson-title{align-items:flex-start}}
.data-structure-lesson{display:flex;flex-direction:column}.data-structure-lesson>*{order:5}.data-structure-lesson>.course-brief{order:1}.data-structure-lesson>.dsa-card{order:2}.data-structure-lesson>.ds-grid{order:3}
.subject-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:18px;align-items:center;margin-top:22px;padding:20px;border-radius:14px;background:var(--green);color:#fff}.subject-card small{color:#bfe1d5}.subject-card h3{margin:4px 0 0;font:700 clamp(1.35rem,2.4vw,2.1rem) "Iowan Old Style",Baskerville,Georgia,serif;color:#fff}.subject-card p{margin:0;color:#d8eee6;line-height:1.6}.subject-card>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.subject-card span{padding:5px 9px;border:1px solid #ffffff42;border-radius:999px;background:#ffffff0e;font-size:.68rem;font-weight:800}.database-card{background:#59452d}.statistics-card{background:#344f64}.networks-card{background:#493f66}
.blank-lesson{margin-top:18px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--line)}.blank-lesson p{margin-bottom:10px}.step-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.step-strip span{padding:6px 9px;border-radius:7px;background:#f1eadc;color:var(--green);font:700 .75rem ui-monospace,SFMono-Regular,Consolas,monospace}.schema-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:16px 0}.design-questions{margin-top:16px;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:#fff}.design-questions summary{cursor:pointer;font-weight:850;color:var(--green)}.design-questions li{margin:7px 0;color:var(--muted)}.mini-formulas{display:grid;gap:7px}.mini-formulas span{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:8px;background:#fff;color:var(--muted)}.mini-formulas b{color:var(--green)}.ml-path{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}
.network-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:16px 0 22px}.network-flow>div{padding:12px;border-radius:10px;background:#fff;border:1px solid var(--line);text-align:center}.network-flow b,.network-flow small{display:block}.network-flow i{color:var(--green);font-size:.65rem;text-align:center}.api-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.api-principles article{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.api-principles p{margin:0;font-size:.74rem}.api-principles h4{font-size:.84rem}
@media(max-width:900px){.network-flow{grid-template-columns:1fr}.network-flow i{padding:3px}.api-principles{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.subject-card,.schema-grid{grid-template-columns:1fr}.subject-card>div:last-child{grid-column:auto}.api-principles{grid-template-columns:1fr}.step-strip b{transform:rotate(90deg)}}
.benchmark-result{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:center;margin-top:16px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#582a62,#7b3e78);color:#fff;box-shadow:0 6px 0 #35193b}.benchmark-result h4{margin:4px 0;color:#fff}.benchmark-result p,.benchmark-result>small{color:#f3dff2}.benchmark-result table{font-size:.7rem}.benchmark-result th{position:static;background:#47214f;color:#f3dff2}.benchmark-result td{border-color:#ffffff24}.benchmark-result td b{color:#ffd36e}@media(max-width:760px){.benchmark-result{grid-template-columns:1fr}}
.benchmark-result.trie-comparison{background:linear-gradient(135deg,#173f67,#27668a);box-shadow:0 6px 0 #102b47}.benchmark-result.trie-comparison p,.benchmark-result.trie-comparison>small{color:#dceffc}.benchmark-result.trie-comparison th{background:#123452;color:#dceffc}
.paper-benchmark{margin-top:16px;padding:18px;border:2px solid var(--green);border-radius:14px;background:#fff}.paper-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:end}.paper-head h4{margin:4px 0 0;font:700 1.5rem "Iowan Old Style",Baskerville,Georgia,serif;color:var(--green)}.paper-head p{margin:0;color:var(--muted)}.table-scroll{margin-top:14px;overflow-x:auto}.paper-benchmark table{min-width:920px;font-size:.7rem}.paper-benchmark th{position:static;background:var(--green);color:#fff}.paper-benchmark td.best{background:#e6f2ed;color:var(--green);font-weight:900}.paper-notes{display:grid;gap:7px;margin-top:12px}.paper-notes>div{display:grid;grid-template-columns:190px 1fr;gap:10px;padding:8px 10px;border-radius:7px;background:#f7f3eb;font-size:.68rem}.paper-notes b{color:var(--green)}.paper-notes span{color:var(--muted)}@media(max-width:760px){.paper-head,.paper-notes>div{grid-template-columns:1fr}}

:lang(th) body{font-family:"Leelawadee UI","Noto Sans Thai",Tahoma,system-ui,sans-serif;font-size:15.5px;line-height:1.58}
:lang(th) h1,:lang(th) header aside strong,:lang(th) .side h2,:lang(th) .story h2,:lang(th) .story h3,:lang(th) .lesson-section h3,:lang(th) .subject-card h3,:lang(th) .playful-intro h2,:lang(th) .ds-lesson-head h2,:lang(th) .ds-grid h3{font-family:"Noto Serif Thai","Th Sarabun New","Leelawadee UI",Tahoma,serif;letter-spacing:0;line-height:1.18}
:lang(th) h1{line-height:.98}:lang(th) .eyebrow,:lang(th) small{letter-spacing:.07em}:lang(th) .lesson-section p,:lang(th) .subject-card p{line-height:1.72}
.course-brief{background:linear-gradient(135deg,#272552,#403b78);color:#fff;box-shadow:0 8px 0 #191735}.course-brief .eyebrow,.course-brief small{color:#dedcff}.course-brief h3,.course-brief h4,.course-brief b{color:#fff}.course-brief p,.course-brief li{color:#f4f3ff}.course-brief .course-meta small{color:#dedcff}.course-brief .course-meta>div{background:#ffffff14;border-color:#ffffff4a}.dsa-card{background:linear-gradient(135deg,#145b45,#1d7659)}
.web-card{background:linear-gradient(135deg,#8a4f18,#b87324)}.web-programming{margin:0 0 20px;padding:18px;border:1px solid #d6b887;border-radius:12px;background:#fff9ee}
.ai-components{margin:10px 0 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f7f3eb}.ai-components legend{padding:0 6px;color:var(--green);font-weight:900}.ai-components>small{display:block;margin-bottom:9px;color:var(--muted);text-transform:none;letter-spacing:0}.ai-components>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-components label{display:flex;align-items:center;gap:7px;margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:.72rem}.ai-components input{width:auto;accent-color:var(--green)}
@media(max-width:520px){.ai-components>div{grid-template-columns:1fr}}
.discrete-card{background:linear-gradient(135deg,#704f24,#9b7339)}.ai-subject-card{background:linear-gradient(135deg,#713f62,#94567f)}
.student-legacy{order:6;margin:22px 0 38px;padding:24px;background:linear-gradient(145deg,#fffdf8,#f2eadb)}.student-legacy-head{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:28px;align-items:center}.student-legacy h2{margin:.3rem 0 .7rem;font:700 clamp(1.8rem,3.1vw,3rem)/1.08 "Iowan Old Style",Baskerville,Georgia,serif}.student-legacy-head p{color:var(--muted);line-height:1.7}.student-legacy-head img{display:block;width:100%;border-radius:16px;border:1px solid #d8cbb5;box-shadow:0 14px 28px #3b2b1d1f}.contributors{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.contributors a{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none}.contributors a:hover{border-color:var(--green);transform:translateY(-2px)}.contributors b{font-size:.78rem}.contributors span{color:var(--green);font-size:.58rem;font-weight:900;letter-spacing:.06em}.student-note-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.student-note-grid article{padding:15px;border-radius:12px;background:#17251f;color:#fff}.student-note-grid small{color:#e7b85f}.student-note-grid h3{margin:7px 0;font:700 1.05rem "Iowan Old Style",Baskerville,Georgia,serif}.student-note-grid p{margin:0;color:#d4e6de;font-size:.75rem;line-height:1.6}.student-source{margin:16px 0 0;padding:12px 14px;border-left:4px solid var(--gold);border-radius:8px;background:#fff;color:var(--muted);font-size:.75rem;line-height:1.6}
:lang(th) .student-legacy h2,:lang(th) .student-note-grid h3{font-family:"Noto Serif Thai","Th Sarabun New","Leelawadee UI",Tahoma,serif}
@media(max-width:900px){.student-legacy-head{grid-template-columns:1fr}.contributors,.student-note-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.student-legacy{padding:15px}.contributors,.student-note-grid{grid-template-columns:1fr}}