.article-page{background:#f7f8f7;padding-bottom:80px}.breadcrumb{height:56px;display:flex;align-items:center;gap:8px;font-size:9px;color:#829087}.breadcrumb b{color:#39483f}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start}.article-main{background:white;border:1px solid var(--line)}.article-header{padding:46px 8% 30px}.article-category{font-size:9px;color:var(--coral);font-weight:800}.article-header h1{font-family:"Songti SC",SimSun,serif;font-size:34px;line-height:1.4;margin:11px 0 14px}.article-header>p{font-size:12px;line-height:1.8;color:#6e7a74}.article-byline{display:flex;align-items:center;gap:9px;margin-top:22px}.author-avatar{width:34px;height:34px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;font:700 12px Georgia}.article-byline b,.article-byline span{display:block;font-size:9px}.article-byline span{font-size:8px;color:#8b9790;margin-top:4px}.article-hero-image{height:310px;background-color:#739084;background-image:url('assets/campus-classroom.jpg');background-size:cover;background-position:center}.article-source{display:flex;gap:15px;margin:28px 8% 0;background:#eef4f0;border-left:3px solid var(--green);padding:13px 15px}.article-source b{font-size:9px;white-space:nowrap;color:var(--green)}.article-source p{font-size:9px;line-height:1.7;margin:0;color:#68756e}.official-source-link{display:inline-block;color:var(--green);font-weight:800;margin-left:4px}.official-source-link:hover{color:var(--coral)}.article-body{padding:22px 8% 45px}.article-body h2{font-family:"Songti SC",serif;font-size:21px;margin:32px 0 12px}.article-body h3{font-size:14px;margin:25px 0 10px}.article-body p,.article-body li{font-size:12px;line-height:2;color:#3e4d45}.article-body li{margin:6px 0}.article-body table{width:100%;border-collapse:collapse;margin:20px 0}.article-body th,.article-body td{border:1px solid var(--line);padding:11px;text-align:left;font-size:10px}.article-body th{background:#f0f4f1}.answer-callout{background:#fff5f1;border:1px solid #f1d6cf;padding:16px 18px;margin:20px 0}.answer-callout b{font-size:10px;color:var(--coral)}.answer-callout p{margin:5px 0 0}.article-faq{margin:0 8% 35px;padding-top:25px;border-top:1px solid var(--line)}.article-faq h2{font-family:"Songti SC",serif;font-size:20px}.article-faq-item{border-bottom:1px solid var(--line);padding:14px 0}.article-faq-item b{font-size:11px}.article-faq-item p{font-size:10px;color:#68756e;line-height:1.8}.article-review{background:#f2f4f2;display:grid;grid-template-columns:repeat(3,1fr);padding:18px 8%}.article-review div{border-right:1px solid #d8dfdb;padding-right:15px;margin-right:15px}.article-review div:last-child{border:0}.article-review b,.article-review span{display:block;font-size:8px}.article-review span{color:#68756e;margin-top:4px}.article-aside{display:grid;gap:14px}.toc,.aside-consult,.aside-related{background:white;border:1px solid var(--line);padding:18px}.toc>b,.aside-related>b{display:block;font-size:11px;margin-bottom:12px}.toc a{display:block;border-left:1px solid #d8dfdb;padding:6px 0 6px 12px;font-size:9px;color:#6e7b74}.toc a:hover{border-color:var(--coral);color:var(--coral)}.aside-consult{background:var(--forest);color:white;border:0}.aside-consult>span{font-size:8px;color:#b8c9c1}.aside-consult h3{font-family:"Songti SC",serif;font-size:17px}.aside-consult p{font-size:9px;line-height:1.7;color:#b6c6bf}.aside-consult a{display:block;background:var(--coral);padding:9px;text-align:center;font-size:9px;font-weight:700;margin-top:15px}.aside-related a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:9px;line-height:1.5}.aside-related a:last-child{border:0}footer{padding-top:15px}
@media(max-width:850px){.article-grid{grid-template-columns:1fr}.article-aside{grid-template-columns:1fr 1fr}.toc{grid-column:1/-1}.article-header h1{font-size:29px}}
@media(max-width:560px){.article-header{padding:35px 6% 25px}.article-header h1{font-size:25px}.article-body{padding:18px 6% 35px}.article-source{margin-left:6%;margin-right:6%}.article-hero-image{height:220px}.article-aside{grid-template-columns:1fr}.article-review{grid-template-columns:1fr;gap:12px}.article-review div{border:0}.article-body p,.article-body li{font-size:11px}.article-faq{margin-left:6%;margin-right:6%}}
.source-attribution{margin:0 0 28px;padding:18px 20px;background:#f2f7f4;border:1px solid #d4e2da;border-left:4px solid var(--green)}.source-attribution>b{display:block;font-size:10px;color:var(--green);margin-bottom:11px}.source-attribution dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin:0}.source-attribution dl>div{min-width:0}.source-attribution dt{font-size:8px;color:#7a8981;margin-bottom:3px}.source-attribution dd{font-size:9px;font-weight:700;margin:0;line-height:1.5}.source-attribution>a{display:inline-block;margin-top:13px;color:var(--green);font-size:9px;font-weight:800}.source-attribution>a:hover{color:var(--coral)}
@media(max-width:560px){.source-attribution dl{grid-template-columns:1fr}}
.article-body .answer-box,.article-body .evidence-note{padding:17px 19px;margin:22px 0;background:#f1f6f3;border:1px solid #dbe6df;border-left:4px solid var(--green)}
.article-body .answer-box strong,.article-body .evidence-note strong{display:block;font-size:11px;color:var(--green);margin-bottom:6px}
.article-body .answer-box p,.article-body .evidence-note p{margin:0}
.article-body .decision-table{width:100%;border-collapse:collapse;white-space:normal}
.article-body .decision-table td:first-child{font-weight:800;color:#27372f}
.article-body .decision-steps{padding-left:24px}
.article-body .decision-steps li{padding:4px 0 9px 5px}
.article-body .decision-steps b{display:block;color:#25372e;margin-bottom:2px}
.article-body .scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 28px}
.article-body .scenario-grid section{border-top:3px solid var(--coral);background:#f7f9f7;padding:15px}
.article-body .scenario-grid h3{font-size:13px;margin:0 0 8px}
.article-body .scenario-grid p{font-size:11px;line-height:1.8;margin:0}
.article-body .fact-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:15px 0 26px}
.article-body .fact-checklist li{position:relative;border:1px solid #dfe5e1;padding:10px 12px 10px 34px;margin:0}
.article-body .fact-checklist li:before{content:"✓";position:absolute;left:12px;color:var(--green);font-weight:800}
.article-body .faq-block{border-top:1px solid var(--line);margin-bottom:25px}
.article-body .faq-item{padding:14px 0;border-bottom:1px solid var(--line)}
.article-body .faq-item h3{margin:0 0 7px}
.article-body .faq-item p{margin:0}
.article-cluster-links{margin:0 8% 30px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.article-cluster-links span,.article-cluster-links b{display:block}.article-cluster-links span{font-size:8px;color:#8a9690}.article-cluster-links b{font-size:10px;margin-top:4px}.article-cluster-links nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.article-cluster-links a{border:1px solid var(--line);padding:7px 9px;font-size:8px;text-decoration:none;color:var(--green);font-weight:800}.article-cluster-links a:hover{border-color:var(--green)}
@media(max-width:560px){.article-cluster-links{margin-left:6%;margin-right:6%;display:block}.article-cluster-links nav{justify-content:flex-start;margin-top:12px}}
.article-body .source-list{padding-left:21px}
.article-body .source-list li{padding:4px 0;word-break:break-word}
.article-body .source-list a{color:var(--green);font-weight:700;word-break:break-all}
.article-body .boundary-note{font-size:11px;background:#f5f7f5;border-left:3px solid #8ea198;padding:12px 14px;color:#607068}
.article-body sup a{color:var(--coral);font-weight:800;text-decoration:none}
@media(max-width:700px){.article-body .scenario-grid,.article-body .fact-checklist{grid-template-columns:1fr}.article-body .decision-table{display:block;overflow-x:auto}.article-body .answer-box,.article-body .evidence-note{padding:14px 15px}.article-body .scenario-grid p{font-size:10px}}