/* Standalone prototype only; intentionally not linked from the production page. */
.semimonthly-preview{font:inherit;background:var(--surface,#fff);color:var(--text,#172342);border:1px solid var(--border,#d9deea);border-radius:16px;padding:20px;max-width:100%;overflow-wrap:anywhere}.semimonthly-preview-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.semimonthly-preview h2{margin:0}.semimonthly-preview p{line-height:1.6}.semimonthly-preview button{min-height:44px;padding:10px 14px;border:1px solid var(--border,#d9deea);border-radius:8px;background:var(--surface-subtle,#f4f6fb);color:inherit}.semimonthly-preview label{display:flex;gap:8px;align-items:center;margin:10px 0}.semimonthly-preview input[type=radio],.semimonthly-preview input[type=checkbox]{width:20px;height:20px;flex:none}.semimonthly-preview input[type=text]{font:inherit;min-height:44px;max-width:100%;width:180px}.semimonthly-preview fieldset{border:1px solid var(--border,#d9deea);padding:14px;border-radius:8px;margin:16px 0}.semimonthly-preview legend{font-weight:700}.semimonthly-summary{display:flex;flex-wrap:wrap;gap:18px}.semimonthly-summary>div{flex:1;min-width:170px}.semimonthly-summary dt{font-size:14px}.semimonthly-summary dd{font-size:20px;font-weight:700;margin:6px 0}.semimonthly-notice,.semimonthly-review{background:var(--surface-subtle,#f4f6fb);padding:12px;border-left:4px solid var(--blue,#244bd8);border-radius:6px}.semimonthly-fixed-row{border-bottom:1px solid var(--border,#d9deea);padding:8px 0 14px}.semimonthly-table-scroll{overflow:auto;max-width:100%}.semimonthly-preview table{border-collapse:collapse;width:100%;min-width:720px}.semimonthly-preview caption{text-align:left;padding:12px 0;font-weight:700}.semimonthly-preview th,.semimonthly-preview td{padding:12px;text-align:left;border-bottom:1px solid var(--border,#d9deea);vertical-align:top}.semimonthly-preview td{line-height:1.5}.semimonthly-preview [role=alert]{border-left:4px solid #b42318;padding:12px}.semimonthly-preview :focus-visible{outline:3px solid var(--focus,#244bd8);outline-offset:3px}.semimonthly-preview footer{margin-top:20px}.semimonthly-preview [hidden]{display:none!important}
@media(max-width:480px){.semimonthly-preview{padding:14px}.semimonthly-summary{display:block}.semimonthly-summary>div{margin:12px 0}.semimonthly-preview-header h2{font-size:20px}.semimonthly-preview fieldset{padding:10px}}