.abc-page{--ink:var(--color-ink);--muted:var(--color-ink-muted);--faint:var(--color-faint);--hair:var(--color-line);--wash:var(--color-fill);--teal:var(--color-sea);--teal-ink:var(--color-sea-ink)}.abc-page section{padding:0}.abc-page .desk{background:var(--color-ocean-900);padding:3.25rem 40px 4.5rem}.abc-page .desk-in{max-width:76rem;margin:0 auto}.abc-page .desk-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px;margin-bottom:1.85rem;display:grid}.abc-page .desk-head h1{font-family:var(--font-display);letter-spacing:-.018em;color:var(--sl-surface);margin:0 0 .6rem;font-size:clamp(1.85rem,3.2vw,2.35rem);font-weight:700;line-height:1.06}.abc-page .desk-head .lede{font-family:var(--font-prose);font-size:var(--text-lede);line-height:var(--text-lede--line-height);max-width:48ch;color:color-mix(in srgb, var(--color-mist) 74%, transparent);margin:0}.abc-page .actions{flex-wrap:wrap;gap:8px;display:flex}.abc-page .actions button{font:inherit;font-size:var(--text-body-sm);color:var(--color-mist);background:color-mix(in srgb, var(--sl-surface) 7%, transparent);border:1px solid color-mix(in srgb, var(--sl-surface) 16%, transparent);border-radius:var(--radius-inner);cursor:pointer;padding:9px 15px;font-weight:500;transition:background .12s}@media (hover:hover) and (pointer:fine){.abc-page .actions button:hover{background:color-mix(in srgb, var(--sl-surface) 13%, transparent)}}.abc-page .actions button.primary{background:var(--teal);border-color:var(--teal);color:var(--sl-surface);font-weight:600}@media (hover:hover) and (pointer:fine){.abc-page .actions button.primary:hover{background:var(--color-sea-deep);border-color:var(--color-sea-deep)}}.abc-page .desk-note{font-size:var(--text-label);color:color-mix(in srgb, var(--sl-surface) 55%, transparent);align-items:center;gap:9px;margin:0 0 1rem;display:flex}.abc-page .desk-note .lock{flex:none;width:13px;height:13px}.abc-page .paper{background:var(--sl-surface);min-height:49.5rem;box-shadow:0 2px 6px color-mix(in srgb, var(--color-ocean-1000) 28%, transparent), 0 34px 80px color-mix(in srgb, var(--color-ocean-1000) 42%, transparent);border-radius:2px;padding:3.25rem 3.5rem 2.75rem;position:relative}.abc-page .paper:after{content:"Prints landscape.";text-align:center;font-size:var(--text-note);color:color-mix(in srgb, var(--sl-surface) 38%, transparent);position:absolute;bottom:-1.9rem;left:0;right:0}.abc-page .paper-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:12px;display:flex}.abc-page .paper-head .t{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:1.5rem;font-weight:700}.abc-page .paper-head .p{font-size:var(--text-note);color:var(--faint)}.abc-page .form{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.abc-page .f{border-bottom:1px solid var(--hair);padding:14px 0 12px}.abc-page .f-left{border-right:1px solid var(--hair);padding-right:28px}.abc-page .f-right{padding-left:28px}.abc-page .f-last{border-bottom:none}.abc-page .f-wide{grid-column:1/-1}.abc-page .form label{font-size:var(--text-label);color:var(--ink);margin-bottom:3px;font-weight:600;display:block}.abc-page .def-link{float:right;color:var(--teal-ink);font-weight:500;text-decoration:none}@media (hover:hover) and (pointer:fine){.abc-page .def-link:hover{text-decoration:underline}}.abc-page .form input{width:100%;font:inherit;font-size:var(--text-body);color:var(--ink);background:0 0;border:none;padding:2px 0}.abc-page .form input:focus{outline:none}.abc-page .form input::placeholder{color:var(--color-ocean-300)}.abc-page .table-scroll{overscroll-behavior-x:contain;overflow-x:auto}.abc-page table{border-collapse:collapse;width:100%;min-width:620px}.abc-page thead th{text-align:left;font-size:var(--text-label);color:var(--ink);border-bottom:1px solid var(--ink);vertical-align:bottom;white-space:nowrap;padding:14px 12px 10px;font-weight:600}.abc-page thead th .hint{color:var(--faint);font-weight:400;font-size:var(--text-note);letter-spacing:0;margin-top:2px;display:block}.abc-page th.col-num{width:34px;padding-left:0}.abc-page th.col-time{width:92px}.abc-page th.col-del{width:30px}.abc-page tbody td{border-bottom:1px solid var(--hair);vertical-align:top;padding:0}.abc-page td.num{font-size:var(--text-note);color:var(--color-ocean-400);font-variant-numeric:tabular-nums;padding:14px 0 0}.abc-page td input.time,.abc-page td .cell{width:100%;font:inherit;font-size:var(--text-body);color:var(--ink);resize:none;background:0 0;border:none;padding:12px;line-height:1.45;overflow:hidden}.abc-page td.time-cell input.time,.abc-page td.time-cell .cell{color:var(--muted);font-variant-numeric:tabular-nums;padding-left:0}.abc-page .grow{display:grid}.abc-page .grow>textarea,.abc-page .grow:after{font:inherit;font-size:var(--text-body);overflow-wrap:break-word;white-space:pre-wrap;border:none;grid-area:1/1/2/2;min-height:52px;padding:12px;line-height:1.45}.abc-page .grow>textarea{width:100%;color:var(--ink);resize:none;background:0 0;overflow:hidden}.abc-page .grow:after{content:attr(data-value) " ";visibility:hidden}.abc-page td textarea:focus,.abc-page td input.time:focus{background:var(--wash);outline:none}.abc-page td textarea::placeholder,.abc-page td input.time::placeholder{color:var(--color-ocean-300)}@media (hover:hover) and (pointer:fine){.abc-page tbody#rows tr:hover td{background:color-mix(in srgb, var(--color-sea-wash) 55%, transparent)}}.abc-page td.del{text-align:right;padding-top:10px}.abc-page .row-del{color:var(--color-ocean-300);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:1rem;line-height:1}@media (hover:hover) and (pointer:fine){.abc-page .row-del:hover{color:var(--teal-ink);background:var(--wash)}}.abc-page #example .eg td{background:var(--color-sea-wash)}.abc-page #example .cell{color:var(--color-ink-soft)}.abc-page #example td.num{color:var(--teal-ink);padding-top:15px;font-weight:600}.abc-page .eg-note{font-size:var(--text-label);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0 10px;display:flex}.abc-page #drop-example{color:var(--teal-ink);cursor:pointer;font:inherit;font-size:var(--text-label);background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}@media (hover:hover) and (pointer:fine){.abc-page #drop-example:hover{color:var(--color-sea-deep)}}.abc-page td.time-cell{position:relative}.abc-page .now-btn{font:inherit;font-size:var(--text-note);color:var(--teal-ink);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:5px;padding:2px 4px;font-weight:500;transition:opacity .12s;position:absolute;top:8px;right:6px}.abc-page td.time-cell:not(.has-value):focus-within .now-btn{opacity:1}@media (hover:hover) and (pointer:fine){.abc-page td.time-cell:not(.has-value):hover .now-btn{opacity:1}.abc-page .now-btn:hover{background:var(--wash)}}@media (hover:none),(pointer:coarse){.abc-page td.time-cell:not(.has-value) .now-btn{opacity:1}}.abc-page .paper-foot{flex-wrap:wrap;align-items:center;gap:14px;padding:1rem 0 0;display:flex}.abc-page .add-btn{font:inherit;font-size:var(--text-body-sm);color:var(--teal-ink);border:1px solid var(--hair);border-radius:var(--radius-inner);cursor:pointer;background:0 0;padding:8px 15px;font-weight:600;transition:background .12s,border-color .12s}@media (hover:hover) and (pointer:fine){.abc-page .add-btn:hover{background:var(--color-sea-wash);border-color:var(--teal)}}.abc-page .paper-foot .k{font-size:var(--text-label);color:var(--faint)}@media screen and (width<=900px){.abc-page .desk{padding:2.25rem 20px 3rem}.abc-page .desk-head{grid-template-columns:1fr;align-items:start;gap:1.25rem}.abc-page .paper{min-height:0;padding:2rem 1.5rem}.abc-page .paper:after{display:none}}@media screen and (width<=720px){.abc-page .form{grid-template-columns:1fr}.abc-page .f-left{border-right:none;padding-right:0}.abc-page .f-right{padding-left:0}.abc-page .f-left.f-last{border-bottom:1px solid var(--hair)}}@media screen and (width<=640px){.abc-page .table-scroll{overflow-x:visible}.abc-page table{min-width:0}.abc-page thead{display:none}.abc-page tbody,.abc-page tbody tr,.abc-page tbody td{width:100%;display:block}.abc-page tbody tr{background:var(--sl-surface);border:1px solid var(--hair);border-radius:10px;margin:12px 0;padding:2px 0 6px;position:relative}.abc-page tbody td{padding:0;border:none!important}.abc-page tbody tr.eg-note-row{background:0 0;border:none;margin:0;padding:0}.abc-page tbody td.num{text-align:left;font-size:var(--text-label);color:var(--muted);font-variant-numeric:normal;padding:8px 14px 0;font-weight:600}.abc-page tbody#rows td.num:before{content:"Event "}.abc-page tbody td[data-label]:not([data-label=""]):before{content:attr(data-label);font-size:var(--text-note);letter-spacing:.02em;color:var(--faint);padding:8px 14px 0;font-weight:600;display:block}.abc-page tbody td textarea,.abc-page tbody td.time-cell input.time,.abc-page tbody td.time-cell .cell{padding-top:4px;padding-left:14px}.abc-page tbody td.del{width:auto;padding:0;position:absolute;top:4px;right:4px}}@page{size:landscape;margin:.5in}@media print{header,nav,footer,.abc-page .desk-head,.abc-page .desk-note,.abc-page .paper-foot,.abc-page .now-btn,.abc-page .col-del,.abc-page .del,.abc-page .def-link,.abc-page #example,.abc-page .paper-head .p{display:none!important}.abc-page .desk{background:0 0;padding:0}.abc-page .desk-in{max-width:none}.abc-page .paper{box-shadow:none;border-radius:0;min-height:0;padding:0}.abc-page .paper:after{display:none}body{background:0 0}.abc-page .form input::placeholder,.abc-page td textarea::placeholder,.abc-page td input.time::placeholder{color:#0000}.abc-page tbody tr{break-inside:avoid}.abc-page td textarea{min-height:46px}}