*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:auto}body{margin:0;background:#efefef;color:#171717;font:16px/1.5 Arial,Helvetica,sans-serif}main{max-width:1000px;margin:auto;padding:24px}.intro,.sheet{background:#fff;padding:36px;margin:0 0 24px}.intro{border-top:5px solid #ff2e12}h1{font-size:38px;line-height:1.08;margin:0 0 18px}h2{font-size:29px;line-height:1.15;margin:0 0 12px}p{margin:0 0 14px}.sheet-code{font-size:14px;font-weight:700}.sheet header{border-bottom:1px solid #777;margin-bottom:18px}nav{display:flex;gap:8px 18px;flex-wrap:wrap;margin:22px 0}a{color:#171717;text-underline-offset:3px}button,.import-label{font:inherit;padding:9px 15px;border:1px solid #444;background:white;color:#171717;cursor:pointer;display:inline-block;margin:0 8px 8px 0}button:first-child{background:#171717;color:white}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.field{margin-bottom:14px;break-inside:avoid}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}textarea,select{display:block;width:100%;min-height:45px;padding:8px;border:1px solid #777;border-radius:0;background:white;color:#171717;font:inherit;resize:vertical;overflow:hidden}textarea{line-height:1.45}select{height:auto}.wide{grid-column:1/-1}.help{font-size:14px;line-height:1.5}.mobile-table-help{display:none}.table-wrap{position:relative;overflow:auto;margin:16px 0}table{border-collapse:collapse;width:100%;min-width:570px;table-layout:fixed}caption{text-align:left;font-weight:bold;font-size:15px;padding-bottom:10px}th,td{border:1px solid #777;vertical-align:top;padding:8px;font-size:14px}th{font-weight:700;text-align:left;background:#f4f4f4}th:first-child{width:24%}td textarea{min-height:54px;padding:3px;font-size:14px;border-color:#aaa}.print-value{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:3px solid #075c9b;outline-offset:4px}#feedback{min-height:24px;font-weight:700}figure{margin:0 0 40px}figure img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto 18px}figcaption{max-width:720px;margin:auto}footer{font-size:14px}.toolbar{margin:20px 0}input[type=file]{max-width:100%}@media(max-width:600px){.mobile-table-help{display:block;font-size:14px}main{padding:10px}.intro,.sheet{padding:22px 16px}.fields{grid-template-columns:1fr;gap:0}h1{font-size:30px}h2{font-size:25px}.help{font-size:14px}th,td{padding:6px}}@page{size:A4;margin:13mm 14mm 14mm;@bottom-left{content:"8GNC / Practical website worksheets";font:8pt Arial;color:#444}@bottom-right{content:counter(page);font:8pt Arial;color:#444}}@media print{body{background:white;font-size:10pt;line-height:1.3}main{padding:0;max-width:none}.intro,.no-print,.mobile-table-help,.sr-only{display:none!important}.sheet.has-answers .fields{display:block}.sheet.has-answers .field{break-inside:auto}.field label{break-after:avoid}.sheet{padding:0;margin:0;break-before:page;break-after:page}.sheet:first-of-type{break-before:auto}.sheet header{margin-bottom:4mm;padding-bottom:1mm}h2{font-size:19pt;margin-bottom:2mm}.sheet-code{font-size:9pt;margin-bottom:2mm}p{margin-bottom:3mm}.fields{grid-template-columns:1fr 1fr;gap:0 5mm}.field{margin-bottom:3mm}.field label{font-size:9pt;margin-bottom:1mm}.table-wrap{overflow:visible;margin:3mm 0;break-inside:auto}thead{display:table-header-group}table{min-width:0}th,td{font-size:8.5pt;padding:2mm}td textarea{min-height:9mm}caption{font-size:10pt;padding-bottom:2mm}.help{font-size:8.5pt;line-height:1.35}textarea,select{display:none!important}.print-value{display:block;white-space:pre-wrap;overflow-wrap:anywhere;min-height:9mm;border-bottom:1px solid #888;font-size:10pt;line-height:1.35}.field .print-value{border:1px solid #999;padding:2mm}td .print-value{min-height:10mm;border:0}th{background:white}a{color:inherit;text-decoration:none}footer{display:none}}