:root{color-scheme:light;--ink:#163d36;--green:#23695b;--soft:#e9f2ed;--line:#ccdcd3;--paper:#fff;--muted:#536860;--warn:#735318}*{box-sizing:border-box}body{margin:0;background:#f4f7f3;color:var(--ink);font:16px/1.7 Tahoma,Arial,sans-serif}header,nav,main,footer,#message,.ribbon{padding:18px max(20px,calc((100vw - 1180px)/2))}header{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--paper)}header strong{font-size:24px}header span{display:block;color:var(--muted)}.ribbon{background:#fff2d4;color:var(--warn);padding-top:8px;padding-bottom:8px;font-size:14px}nav{display:flex;flex-wrap:wrap;gap:8px;background:var(--paper);border-bottom:1px solid var(--line)}button,input,select,textarea{font:inherit;max-width:100%;color:inherit}button,a.action{cursor:pointer;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:var(--paper);text-decoration:none;display:inline-block}button.primary,nav button[aria-current=page]{background:var(--green);color:white}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);padding:10px;border-radius:7px;background:white;width:100%;min-height:44px}input[type=checkbox]{width:22px;min-height:22px}label{display:grid;gap:6px;margin-bottom:14px}textarea{resize:vertical}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.panel{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-bottom:16px;min-width:0}.split{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:20px;align-items:start}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.muted,small{color:var(--muted)}h1{font-size:26px}h2{font-size:22px}h3{font-size:18px}h1,h2,h3{font-weight:500;margin:0 0 14px}p{margin:8px 0 16px}.badge{background:var(--soft);padding:5px 10px;border-radius:7px;display:inline-block}.metric{font-size:30px;display:block}.item{padding:16px 0;border-bottom:1px solid var(--line)}.item .grid{grid-template-columns:1fr 1fr}.evidence{font-size:14px}.source{white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;font:14px/1.9 Tahoma,Arial,sans-serif}.source-image{width:100%;height:auto}.notice{padding:14px;background:var(--soft);border-right:3px solid var(--green);margin:12px 0}.warning{background:#fff2d4;border-color:#ad721d}.error{color:#852c2c;background:#ffe9e7}.success{background:var(--soft)}#message:empty{display:none}#message{overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere}th{font-weight:500}.login{max-width:460px;margin:30px auto}details{margin:14px 0}summary{cursor:pointer;min-height:44px;padding:8px 0}meter{width:100%;height:18px}footer{color:var(--muted);border-top:1px solid var(--line)}.compact{font-size:14px}.checks{display:flex;gap:12px;flex-wrap:wrap}.checks label{display:flex;gap:8px;align-items:center}.longid{overflow-wrap:anywhere}.hidden{display:none}@media(max-width:800px){.split{grid-template-columns:1fr}.item .grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}header,nav,main,footer,#message,.ribbon{padding-left:14px;padding-right:14px}.panel{padding:16px}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#e3eee8;--green:#286a5c;--soft:#253d34;--line:#46564c;--paper:#1d2923;--muted:#b9c9bf}body{background:#141e19}input,select,textarea{background:#15251d}.ribbon,.warning{background:#3d321c;color:#f3dba8}.error{background:#492726;color:#ffd5d2}}
:root { scroll-behavior: auto; }
.ocr-panel { border-bottom: 2px solid var(--line); margin-bottom: 24px; padding-bottom: 20px; }
.ocr-item { border: 1px solid var(--line); padding: 12px; border-radius: 8px; }
.check-row { display: flex; align-items: flex-start; gap: 10px; }
.check-row input { flex: 0 0 22px; margin-top: 5px; }
.transcription { white-space: pre-wrap; overflow-wrap: anywhere; }
.source-pdf { width: 100%; height: 650px; border: 1px solid var(--line); background: white; }
@media (min-width: 801px) { .split > aside { position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow: auto; } }

.cell-preview{margin:1rem 0;overflow:auto;background:white;color:#172d25;border-radius:6px;padding:8px}.cell-preview img{display:block;width:100%;min-width:480px;height:auto}.cell-preview figcaption{padding:6px;font-size:.9rem}

#review-rows p,#indicator-report p{white-space:pre-wrap;overflow-wrap:anywhere}.review-counts strong{font-size:1.4rem}.review-report-item{break-inside:avoid}
@media print{header,nav,footer,.ribbon,#message,.review-report-actions{display:none!important}body,main,.panel{background:white!important;color:black!important}main{padding:0}h2{break-after:avoid}.review-report-item{border:1px solid #999}.notice{background:#f3f3f3!important;color:black!important}}
/* 0.6.8: class-first workspace, compact cards and responsive Arabic controls. */
html{overflow-x:hidden}body{font-size:15px}main{padding-top:24px;padding-bottom:40px}h1{font-size:clamp(23px,3vw,30px);font-weight:650}h2{font-size:21px;font-weight:600}h3{font-weight:600}button,input,select,textarea{min-width:0}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9ccdbb;outline-offset:3px}select{white-space:nowrap;text-overflow:ellipsis;padding-inline-end:28px}textarea{min-height:110px;line-height:1.8}.panel p,.record-card p,.phrase-preview{overflow-wrap:anywhere}
#class-context{padding:16px max(20px,calc((100vw - 1180px)/2));background:var(--paper);border-bottom:1px solid var(--line)}#class-context[hidden]{display:none}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb button{border:0;background:transparent;padding:4px 0;color:var(--green)}.class-tabs{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding-bottom:4px}.class-tabs button{flex-shrink:0;background:transparent}.class-tabs button[aria-current=page]{background:var(--soft);border-color:var(--green);font-weight:bold}.nav-more{position:relative;margin:0}.nav-more summary{padding:9px 16px;border:1px solid var(--line);border-radius:9px}.nav-more>div{position:absolute;inset-inline-start:0;top:100%;z-index:20;min-width:220px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 24px #0002;padding:10px;border-radius:10px}.nav-more button{display:block;width:100%;margin:4px 0}.page-intro{margin-bottom:24px}.eyebrow{color:var(--green);font-size:14px;margin-bottom:8px}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.filter-bar label{margin:0}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.class-card{margin:0;display:flex;flex-direction:column;gap:12px}.class-card h2{margin:0}.class-card>button{margin-top:auto;background:var(--green);color:white}.class-metrics{display:flex;gap:22px}.class-metrics span{flex:1;color:var(--muted);font-size:13px}.class-metrics strong{display:block;color:var(--ink);font-size:25px}.attention{color:#92632b}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0}.summary-strip>div{padding:16px;background:var(--soft);border-radius:10px}.summary-strip strong{display:block;font-size:26px}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:24px}.workflow-grid>div{display:flex;flex-direction:column;align-items:start}.workflow-grid button{margin-top:auto}.record-card{padding:16px 0;border-bottom:1px solid var(--line)}.record-card:last-child{border-bottom:0}.record-card h3,.record-card p{margin-bottom:8px}.record-card .actions{margin-bottom:0}.stepbar{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.stepbar li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.stepbar span{border:1px solid var(--line);border-radius:50%;width:28px;height:28px;text-align:center;background:var(--paper)}.stepbar [aria-current]{color:var(--ink);font-weight:bold}.stepbar [aria-current] span{background:var(--green);color:white}.review-counts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:18px 0}.review-counts p{padding:12px;background:var(--soft);border-radius:9px;font-size:13px;margin:0}.review-counts strong{display:block;font-size:24px}.phrase-panel{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:14px}.phrase-panel summary{font-weight:bold}.phrase-choice{border-top:1px solid var(--line);padding-top:12px}.phrase-preview{font-size:14px;line-height:1.9}.phrase-preview:empty{display:none}.phrase-choice button{margin-bottom:12px}.phrase-choice label{margin-bottom:6px}#review-rows h2{font-size:20px}#review-rows .panel{padding:18px}#review-rows details .notice{font-size:14px}
@media(max-width:650px){#class-context{padding:14px}.class-grid{grid-template-columns:1fr}header{gap:8px}header strong{font-size:22px}nav{gap:6px}nav>button{padding:8px 11px}.class-tabs{margin-inline:-4px}.summary-strip{grid-template-columns:1fr 1fr}.review-counts{grid-template-columns:1fr 1fr}.stepbar{gap:8px}.stepbar li{flex:1 1 40%;align-items:start}.source-pdf{height:360px}.actions button{flex:1 1 auto}.filter-bar{padding:14px}.class-card h2{font-size:22px}}
@media(prefers-color-scheme:dark){.attention{color:#e9c186}.eyebrow,.breadcrumb button{color:#a9d8c5}}
@media print{#class-context,.phrase-panel,.stepbar{display:none!important}.review-counts p{background:#eee!important}}
.phrase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}label[hidden]{display:none!important}.class-context[hidden]{display:none!important}
.table-scroll{max-width:100%;overflow:auto;margin:16px 0}.table-scroll table{min-width:560px}.table-scroll th{background:var(--soft);white-space:nowrap}.table-scroll td{vertical-align:top}.table-scroll button{white-space:nowrap}fieldset{border:1px solid var(--line);border-radius:9px;margin:16px 0;padding:16px;min-width:0}#school-report .longid{font-size:12px}#school-report .panel{break-inside:auto}#analysis-children td{max-width:380px}
.guide-card{scroll-margin-top:16px}.guide-card>summary{font-size:21px;font-weight:700}.guide-media{margin:16px 0}.guide-media img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#0b1f18}.guide-media figcaption{color:var(--muted);font-size:14px;margin-top:8px}.guide-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:12px 0 18px}.guide-part{position:relative;min-height:132px;padding:18px 62px 16px 16px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.guide-part>span{position:absolute;right:15px;top:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:white;font-weight:700}.guide-part strong,.guide-part small{display:block}.guide-part strong{font-size:17px;margin-bottom:8px}.guide-part small{font-size:14px;line-height:1.7;color:var(--muted)}.guide-result{display:flex;gap:12px;align-items:flex-start;padding:14px;border-right:4px solid var(--green);background:var(--soft);border-radius:8px}.guide-result strong{white-space:nowrap}.guide-result span{color:var(--muted)}
.guide-visual{margin:18px 0 24px;border:2px solid var(--green);border-radius:14px;overflow:hidden;background:#0b1f18;color:#edf5f0}.guide-visual-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 18px;background:#21483c}.guide-visual-head strong{font-size:19px}.guide-visual-head span{color:#c8d8d0;font-size:13px}.guide-visual-screen{padding:22px}.guide-visual-title{font-size:clamp(22px,3vw,32px);font-weight:700;margin-bottom:20px}.guide-visual-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}.guide-visual-control{position:relative;min-height:138px;padding:18px 58px 14px 14px;border:2px solid #53685e;border-radius:12px;background:#14271f;animation:guideFocus 24s infinite}.guide-visual-control:nth-child(2){animation-delay:6s}.guide-visual-control:nth-child(3){animation-delay:12s}.guide-visual-control:nth-child(4){animation-delay:18s}.guide-visual-control b{position:absolute;right:14px;top:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#2d806f;color:white}.guide-visual-control span,.guide-visual-control small{display:block}.guide-visual-control span{font-size:18px;font-weight:700;margin-bottom:8px}.guide-visual-control small{color:#bdcbc4;line-height:1.65}.guide-visual-caption{margin-top:18px;padding:10px 14px;border-right:4px solid #f2c46d;background:#193128;color:#f3d69e}.guide-full-demo{margin:18px 0}.guide-full-demo>summary{font-weight:700;color:var(--green)}@keyframes guideFocus{0%,20%{background:#2d806f;border-color:#f2c46d;box-shadow:0 0 0 5px #f2c46d44;transform:translateY(-3px)}25%,100%{background:#14271f;border-color:#53685e;box-shadow:none;transform:none}}
@media(max-width:650px){.guide-card{padding:14px}.guide-card>summary{font-size:18px}.guide-parts{grid-template-columns:1fr}.guide-media{margin-inline:-6px}.guide-result{display:block}.guide-result strong{display:block;margin-bottom:5px}}
@media(max-width:650px){.guide-visual-head{display:block}.guide-visual-head span{display:block;margin-top:3px}.guide-visual-screen{padding:15px}.guide-visual-controls{grid-template-columns:1fr}.guide-visual-control{min-height:112px}.guide-visual-caption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.guide-visual-control{animation:none}.guide-visual-control:first-child{background:#2d806f;border-color:#f2c46d}}
@media print{.no-print{display:none!important}.table-scroll{overflow:visible}.table-scroll table{min-width:0}#school-report td,#school-report th{font-size:11px;padding:5px}.table-scroll tr{break-inside:avoid}}
.guide-purpose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.guide-purpose>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.guide-purpose strong,.guide-warning strong{display:block;margin-bottom:6px}.guide-purpose p{margin:0;color:var(--muted);line-height:1.8}.guide-warning{display:flex;gap:12px;margin-top:12px;padding:14px;border-right:4px solid #b4792d;border-radius:8px;background:var(--soft)}.guide-warning span{color:var(--muted)}
.hr-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}.hr-action-grid>div{display:flex;flex-direction:column;align-items:start;min-height:150px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.hr-action-grid strong,.hr-action-grid small{display:block}.hr-action-grid strong{font-size:17px}.hr-action-grid small{margin:7px 0 14px;color:var(--muted);line-height:1.7}.hr-action-grid button{margin-top:auto}.hr-filter-bar{display:grid;grid-template-columns:2fr repeat(3,minmax(150px,1fr));gap:12px;margin:18px 0}.hr-filter-bar label{margin:0}.hr-staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.hr-staff-card{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.hr-staff-card[hidden]{display:none!important}.hr-staff-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hr-staff-head h3{margin:0 0 3px}.hr-staff-head span{color:var(--muted)}.hr-staff-detail p{margin:5px 0}.hr-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.hr-chip{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--soft);font-size:13px}.hr-more{width:100%}.hr-more summary{color:var(--green);font-size:13px}.hr-more>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.hr-empty{display:block;color:var(--muted);margin-top:7px}.hr-staff-actions{margin-top:auto}.hr-staff-actions button{width:100%}.hr-section>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:20px;font-weight:700}.hr-section>summary small{color:var(--muted);font-size:13px;font-weight:400}.section-actions{margin:16px 0}
@media(max-width:650px){.guide-purpose,.hr-filter-bar,.hr-staff-grid{grid-template-columns:1fr}.guide-warning{display:block}.guide-warning strong{margin-bottom:5px}.hr-section>summary{display:block}.hr-section>summary small{display:block;margin-top:5px}}
/* Persistent, high-contrast feedback remains visible even in long assessment forms. */
#message:not(:empty){position:fixed;inset-block-start:16px;inset-inline:16px;z-index:1000;max-width:960px;margin-inline:auto;padding:16px 20px;display:flex;align-items:start;gap:20px;border:2px solid currentColor;border-radius:12px;box-shadow:0 12px 40px #0004;max-height:40vh;overflow:auto}
#message.error{color:#801b22;background:#fff0ef;border-color:#b32632}
#message.success{color:#174d3f;background:#effaf4;border-color:#33795f}
#message .message-content{flex:1;display:grid;gap:4px}#message strong{font-size:19px}#message button{flex-shrink:0;background:transparent;border-color:currentColor}
#message:focus-visible{outline:3px solid #b68020;outline-offset:3px}
.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand-logo{object-fit:contain;background:#fff;border-radius:12px;padding:8px;flex-shrink:0;width:110px;height:94px}
@media(max-width:600px){.brand{gap:12px}.brand-logo{width:86px;height:76px}.brand strong{font-size:22px}#message:not(:empty){inset:8px 8px auto;padding:12px;gap:10px}}
@media(prefers-color-scheme:dark){#message.error{color:#fff1ef;background:#641f27;border-color:#ff9c98}#message.success{color:#f1fff7;background:#214d3e;border-color:#94cdb0}}
/* Evidence choices remain readable as individual, touch-friendly checkboxes. */
.evidence-options{min-width:0;border:1px solid var(--line,#52665a);border-radius:12px;padding:14px;margin:16px 0}
.evidence-options legend{font-weight:700;padding:0 6px}
.evidence-options .check-row{display:flex;align-items:flex-start;gap:12px;padding:10px 4px;line-height:1.7;overflow-wrap:anywhere}
.evidence-options input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;margin:3px 0}

.guide-video video{display:block;width:100%;max-height:70vh;border-radius:12px;background:#0f1d22}
.guide-steps{line-height:1.9;padding-inline-start:1.4em}



.roster-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:12px 0}
.roster-summary>div{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column}
.roster-summary strong{font-size:1.6rem;line-height:1.2}.roster-summary span{color:var(--muted);font-size:.9rem}
.roster-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;border-bottom:1px solid var(--line);padding-bottom:8px}
.roster-tabs button.active{background:var(--green);color:#fff;border-color:transparent}
.roster-count{display:inline-block;min-width:1.6em;padding:0 .4em;border-radius:999px;background:rgba(0,0,0,.08);font-size:.85em}
.roster-tabs button.active .roster-count{background:rgba(255,255,255,.25)}
.roster-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;align-items:end}
.roster-group{padding:0;overflow:hidden}.roster-group>summary{padding:12px 16px;cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.roster-group .table-scroll{margin:0}.roster-group table{min-width:420px}
.roster-group-count{margin-inline-start:auto;color:var(--muted)}
.roster-table td{vertical-align:middle}.roster-actions{white-space:nowrap}.roster-actions button{margin-inline-start:6px}
.chip{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--soft);font-size:.85rem;margin:1px 0}
.badge.warn{background:#fdecea;color:#9b2c22}
tr[hidden],.roster-group[hidden]{display:none}
.roster-table td button,.roster-group td button{padding:4px 12px;min-height:0}
.roster-group td{padding:6px 10px}

.checks.checks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:8px;max-height:340px;overflow:auto;padding:2px}.checks.checks-grid label{margin:0;padding:8px 10px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer}.checks.checks-grid label:has(input:checked){background:var(--soft);border-color:var(--green)}.checks.checks-grid label[hidden]{display:none}.checks-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}.checks-tools .checks-search{flex:1 1 200px;width:auto;min-height:40px}.checks-tools .checks-btn{min-height:40px;padding:6px 12px;font-size:14px}.checks-tools .checks-count{font-size:14px}

.guide-index{display:grid;gap:10px;margin:0 0 20px}.guide-group{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.guide-group-title{font-size:17px;font-weight:700;margin:6px 0 0;display:flex;gap:8px;align-items:center}.guide-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px;min-width:0}.guide-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);text-decoration:none;line-height:1.5;min-width:0}.guide-links a span{overflow-wrap:anywhere}.guide-links a small{flex:0 0 auto;color:var(--muted);font-size:13px}.guide-links a:hover,.guide-links a:focus-visible{border-color:var(--green)}@media(max-width:800px){.guide-group{grid-template-columns:1fr;gap:8px;padding:12px}.guide-group-title{margin:0}}
.reeval-box{margin-top:16px}.reeval-item{padding:10px 0;border-bottom:1px solid var(--line)}.reeval-item:last-child{border-bottom:0}.reeval-item.open{border-right:4px solid #b4792d;padding-right:12px}.reeval-close{margin-top:10px}
.guide-group:first-child{border-color:var(--green);background:var(--soft)}.guide-group:first-child .guide-links a{background:var(--paper)}#guide-w01_full_cycle{border:2px solid var(--green)}