.cg-hero,.cg-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:clamp(22px,4vw,58px);margin:35px 0;align-items:start}
.cg-hero h1{font-size:clamp(2.35rem,5vw,4.5rem);letter-spacing:-.04em;line-height:1.04;margin:.3em 0;max-width:18ch}
.cg-sample,.cg-check{border-radius:9px;background:#e7eddf;padding:clamp(16px,3vw,30px)}
.cg-sample{align-self:center}.cg-sample summary{font-weight:700;font-size:1rem;padding:8px 26px 8px 0;min-height:44px}.cg-sample table{border-collapse:collapse;width:100%;table-layout:fixed;margin:10px 0}
.cg-sample th{font:600 .85rem/1.5 system-ui;text-align:center}.cg-sample th:first-child{width:20px}
.cg-sample td{border:1px solid #879b86;background:var(--cg-fill,#fff);text-align:center;padding:10px 2px;font:600 .88rem/1.3 system-ui}
.cg-sample button{min-height:44px;padding:6px 12px;border-radius:5px;background:white;border:1px solid #9aac9a;color:var(--ink)}
.cg-sample p{margin:.5rem 0 0;font-size:.9rem}.cg-layout{border-top:1px solid var(--line);padding-top:26px}
.cg-layout h2,.cg-shelf h2,.cg-notes h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.14;margin:.5em 0}
.cg-actions,.cg-inputs{display:flex;flex-wrap:wrap;gap:9px 12px;margin:12px 0}
.cg-inputs label,.cg-check form>label{display:grid;gap:5px;min-width:0}
.cg-inputs select,.cg-inputs input,.cg-check select,.cg-actions button,.cg-check button,.cg-print>input{max-width:100%;padding:8px;border-radius:5px;border:1px solid #afbbaa;background:white;color:#213c2c;font:inherit}
.cg-actions .button,.cg-actions button,.cg-check button{min-height:44px}
.cg-inputs input{width:7rem}.cg-check ul{padding:0;list-style:none}.cg-check li{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #c8d3c5;gap:4px;padding:5px 0}.cg-check li span{font-size:.9rem}.cg-check #cg-fact{font-size:1.3rem;font-weight:bold}.cg-check [role=status]:empty,.cg-print [role=status]:empty{display:none}
.cg-shelf,.cg-notes{border-top:1px solid var(--line);padding:24px 0}.cg-shelf>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cg-shelf article{border:1px solid var(--line);padding:16px;border-radius:8px}.cg-shelf h3{margin-top:0}.cg-notes{max-width:74ch;line-height:1.6}.cg-inputs label{font-size:.94rem}
.cg-shelf [data-chooser-file]{display:block;max-width:240px;margin:12px auto}
.cg-shelf [data-chooser-file] img{display:block;width:100%;height:auto;border:1px solid var(--line);background:white}
.cg-picture-chooser{margin:20px 0}.cg-picture-chooser>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cg-picture-chooser .cg-icon{display:block;width:70px;height:70px;margin:0 auto 8px;background:white}
.cg-shelf details summary{cursor:pointer}
#cc-panel h3{font-size:1.1rem;margin:1.3rem 0 .4rem}
#cc-panel #cc-count{width:100%;min-width:0}
#cc-ready>label{display:grid;gap:.3rem;max-width:17rem;font-weight:650}
#cc-manual{width:100%;max-width:100%;font:inherit}
#cc-scope,#cc-detail{line-height:1.55}
#cc-panel :is(button,select,input){min-height:44px}
#cc-panel .cg-actions{align-items:stretch}
.cg-shelf article>[data-original-open],.cg-picture-chooser a[data-theme-choose]{display:inline-flex;align-items:center;min-height:44px}
.cg-picture-chooser>div{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:start}
.cg-picture-chooser figure{margin:0;padding:12px 8px;border:1px solid var(--line);border-radius:8px;text-align:center}
.cg-picture-chooser figcaption a,.cg-picture-chooser figcaption strong{display:block}
.cg-picture-chooser figcaption details{margin-top:8px}.cg-picture-chooser figcaption{line-height:1.5}
.cg-student-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cg-student-share button{min-height:44px;border:1px solid #aabbaa;border-radius:5px;background:white;color:var(--ink);padding:6px 10px}
.cg-group-panel{margin:.8rem 0;border-top:1px solid var(--line)}.cg-group-panel>summary{min-height:44px}
.cg-group-panel fieldset{min-width:0;border:1px solid var(--line);padding:8px}.cg-table-checks{display:flex;flex-wrap:wrap;gap:3px}
.cg-table-checks label{display:inline-flex;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:4px}
.cg-table-checks input{width:17px;height:17px}.cg-group-panel p:empty{display:none}.cg-group-panel button:disabled{opacity:.55}
@media(max-width:500px){.cg-picture-chooser>div{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))}}
@media(max-width:740px){.cg-hero,.cg-layout{grid-template-columns:1fr;gap:16px;margin:22px 0}.cg-sample{padding:2px 12px}.cg-shelf>div{grid-template-columns:1fr}.cg-inputs select,.cg-inputs input,.cg-check select{font-size:16px}.cg-actions a{padding-inline:10px}}
