.period-workspace{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:20px;align-items:start;margin-top:4px}.period-controls,.period-results{display:grid;gap:16px;min-width:0}.period-panel,.period-answer{background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0}.period-panel-heading{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.period-step{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid var(--line-strong);border-radius:50%;color:var(--green);font-size:12px}.period-panel h2,.period-evidence h2{font:500 21px/1.25 var(--serif);margin:0}.period-panel-heading p,.period-evidence-heading p{font-size:12px;color:var(--muted);margin-top:4px}.period-fields{padding:16px;display:grid;gap:16px;min-width:0}.period-field{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:600}.period-field small{font-size:12px;line-height:1.5;font-weight:400;color:var(--muted)}.period-field select,.period-field input{width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--line-strong);border-radius:5px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:400}.period-field select{padding-right:24px;white-space:normal;text-overflow:ellipsis}.period-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.5}.period-check input{width:18px;height:18px;flex:none;margin:2px 0;accent-color:var(--green)}.period-answer{padding:20px;display:grid;gap:12px;border-top:3px solid var(--muted)}.period-answer h2{font:500 27px/1.2 var(--serif);margin:0}.period-answer h3{font:500 23px/1.25 var(--serif);margin:0}.period-answer p{font-size:14px;line-height:1.6}.period-answer.review{border-top-color:var(--alert-line);background:var(--alert)}.period-answer.none{border-top-color:var(--muted)}.period-status{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}.period-answer.review .period-status{color:var(--alert-ink)}.period-warning{padding:12px 14px;border-left:3px solid var(--alert-line);background:var(--alert);font-size:13px;line-height:1.6;margin:0}.period-next{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 2px}.period-next p{font-size:13px;color:var(--muted);flex:1 1 200px}.period-next .button{min-height:44px}.period-helper{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.period-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.period-subheading{font:500 19px/1.25 var(--serif);margin:0}.period-service-rows{display:grid;gap:12px}.period-service-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:5px}.period-remove{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:20px}.period-add{justify-self:start;min-height:44px}.period-calc-actions{padding:0 16px 16px}.period-error{margin:0 16px 16px;padding:12px;border-left:3px solid var(--error);background:var(--error-bg);color:var(--error);font-size:13px;line-height:1.6}.period-calculation{padding:18px;border-top:1px solid var(--line);display:grid;gap:16px}.period-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.period-stat{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:13px;display:grid;gap:5px}.period-stat span{font-size:11px;line-height:1.5;color:var(--muted)}.period-stat strong{font:500 25px/1.2 var(--serif);overflow-wrap:anywhere}.period-stat.date{grid-column:1 / -1;background:var(--green);color:#fff}.period-stat.date span{color:var(--line)}.period-stat.date strong{font-size:29px}.period-trace{margin:0;padding-left:19px;display:grid;gap:9px;color:var(--muted);font-size:13px;line-height:1.6}.period-trace strong{color:var(--ink)}.period-export{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.period-export .button{min-height:44px}#copy-status{font-size:12px;color:var(--muted)}.period-evidence{display:grid;gap:16px}.period-evidence-heading{padding:4px 0}#evidence-list{display:grid;gap:14px}.period-source{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:18px;min-width:0}.period-source h3{margin:0 0 10px;font-size:14px;line-height:1.5;font-weight:600}.period-source blockquote{margin:0;padding:0 0 0 14px;border-left:2px solid var(--line-strong);font-size:13px;line-height:1.75;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}.period-citation{margin:13px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}.period-source-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:9px}.period-source-links a{font-size:12px;min-height:36px;display:inline-flex;align-items:center;overflow-wrap:anywhere}.period-source-links a:focus-visible{outline-offset:1px}.period-print-sheet{display:none}.period-dialog-heading{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}#period-copy-dialog{max-width:800px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:8px;padding:22px}#period-copy-dialog::backdrop{background:#1b1f1e66}#period-copy-dialog textarea{width:100%;margin-top:14px;font:13px/1.6 ui-monospace,monospace;padding:12px;border:1px solid var(--line)}.period-main [hidden],.probation-main [hidden]{display:none!important}
@media(min-width:1500px){.period-workspace{grid-template-columns:410px minmax(0,1fr);gap:24px}.period-fields{padding:18px}.period-panel-heading{padding:16px 18px}}
@media(max-width:1000px){.period-workspace{grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px}.period-answer{padding:17px}.period-answer h2{font-size:24px}.period-stats{grid-template-columns:1fr 1fr}.period-stat:last-child{grid-column:1 / -1}}
@media(max-width:760px){.period-workspace{grid-template-columns:1fr}.period-controls,.period-results{gap:16px}.period-panel-heading{padding:16px}.period-fields{padding:16px}.period-answer h2{font-size:25px}.period-service-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.period-remove{grid-column:2;justify-self:end;min-width:80px;font-size:14px}.period-source{padding:16px}.period-source blockquote{padding-left:12px}.period-stats{grid-template-columns:1fr 1fr}.period-stats .period-stat.date{grid-column:1 / -1}}
@media(max-width:420px){.period-calc-grid{grid-template-columns:1fr}.period-stats{gap:10px}.period-stat{padding:12px}.period-stat strong{font-size:23px}.period-service-row{grid-template-columns:1fr}.period-remove{grid-column:1}.period-next .button{width:100%}}
@media print{body{padding:0!important;background:var(--paper)}.site-header,.site-footer,.skip-link,.page-heading,.tool-info,.tool-guide,.period-workspace,#probation-source-warning,#period-copy-dialog{display:none!important}.probation-main{padding:0!important;max-width:none}.probation-main #period-print-sheet{display:block!important;white-space:pre-wrap;font:10pt/1.5 Georgia,serif;color:#000;overflow-wrap:anywhere}.period-print-sheet h1{font-size:18pt;margin-bottom:12px}}
.period-verification{margin:8px 0 20px;border:1px solid var(--alert-line);border-left:4px solid var(--alert-line);border-radius:6px;padding:14px 16px}.period-verification strong{display:block;font-size:14px;margin-bottom:4px}
@media print{.period-verification{display:none!important}}
.probation-main .period-field{align-content:start}
.probation-main .period-field select{white-space:nowrap;text-overflow:ellipsis}
.probation-main .period-question-group{padding:0}
.probation-main .period-selected{color:var(--ink)}
.probation-main .button{min-height:44px}
.probation-main .button.primary{background:var(--green);border-color:var(--green);color:#fff;padding:10px 16px}
.probation-main .button.primary:hover{background:var(--ink-2)}
.period-tour summary{min-height:44px;align-content:center;font-size:13px;cursor:pointer}
.period-tour[open]{display:grid;gap:12px}
@media(max-width:760px){.probation-main .period-controls,.probation-main .period-results{display:contents}.probation-main .period-controls>section:first-child{order:1}#requirement-result{order:2}#credit-panel{order:3}#credit-result{order:4}#calculate-choice{order:5}#calculation-panel{order:6}#period-export{order:7}#rule-evidence{order:8}}