.guide{--guide-pen:#b42318;--guide-on-pen:#fff;gap:var(--s-4);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .guide{--guide-pen:#ff8a7a;--guide-on-pen:#1b1d38}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .guide{--guide-pen:#ff8a7a;--guide-on-pen:#1b1d38}}.guide-layout{gap:var(--s-5);min-width:0;display:grid}.guide-side,.guide-main{gap:var(--s-4);align-content:start;min-width:0;display:grid}@media (width>=52rem){.guide-layout{column-gap:clamp(var(--s-5), 4vw, var(--s-7));grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}.guide-side{top:var(--s-5);position:sticky}}.guide-field{gap:var(--s-1);min-width:0;font-weight:600;font-size:var(--step--1);display:grid}.guide-help{color:var(--ink-2);font-weight:500;font-size:var(--step--1)}.guide-error{color:var(--danger);font-weight:600}.guide-find{gap:var(--s-1);display:grid}.guide-status-row{align-items:center;gap:0 var(--s-2);flex-wrap:wrap;display:flex}.guide-status{min-height:1.5rem;color:var(--ink-2);font-weight:500;font-size:var(--step--1)}.guide-clear{min-height:0;padding:0 var(--s-1);font-size:var(--step--1)}.guide-chips{gap:var(--s-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.guide-chips legend{width:100%;margin-bottom:var(--s-1);font-weight:600;font-size:var(--step--1);padding:0}.guide-chip{align-items:center;gap:var(--s-2);min-height:2.75rem;padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font-weight:600;font-size:var(--step--1);cursor:pointer;display:inline-flex;position:relative}.guide-chip__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.guide-chip:has(input:checked){border-color:var(--guide-pen);background:var(--guide-pen);color:var(--guide-on-pen)}.guide-chip:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.guide-glyph{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.guide-add{gap:var(--s-3);padding-top:var(--s-4);border-top:var(--border) solid var(--line);display:grid}.guide-add__go{justify-self:start}.guide-details>summary,.guide-more>summary{align-items:center;gap:var(--s-2);cursor:pointer;min-height:2.75rem;font-weight:600;display:flex}.guide-details>summary:before,.guide-more>summary:before{content:"";width:.5rem;height:.5rem;transition:transform var(--t-state) var(--ease);border-bottom:2.5px solid;border-right:2.5px solid;flex:none;margin:0 .25rem 0 .1rem;transform:rotate(-45deg)}.guide-details[open]>summary:before,.guide-more[open]>summary:before{transform:rotate(45deg)}.guide-details__body,.guide-edit{gap:var(--s-3);display:grid}.guide-empty{font-weight:600;font-size:var(--step-1)}.guide-columns{min-width:0;display:block}@media (width>=52rem){.guide-columns{columns:2 15rem;column-gap:var(--s-6)}}.guide-section{margin-bottom:var(--s-5);min-width:0}.guide-heading{align-items:baseline;gap:var(--s-1) var(--s-3);margin-bottom:var(--s-2);padding-bottom:var(--s-1);border-bottom:var(--border) solid var(--line);overflow-wrap:anywhere;break-after:avoid;flex-wrap:wrap;display:flex}.guide-heading__count{color:var(--ink-2);font-family:var(--font-text);font-weight:500;font-size:var(--step--1);letter-spacing:0}.guide-fold>summary{cursor:pointer;list-style:none}.guide-fold>summary::-webkit-details-marker{display:none}.guide-rows{margin:0;padding:0;list-style:none;display:grid}.guide-row{break-inside:avoid;padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.guide-row:last-child{border-bottom:0}.guide-article{gap:var(--s-1);min-width:0;display:grid}.guide-name{overflow-wrap:anywhere;max-width:100%;font-size:var(--step-1);justify-self:start;position:relative}.guide-name:focus-visible{outline-offset:6px}.is-no .guide-name__text{color:var(--ink-2)}.guide-meta{color:var(--ink-2);overflow-wrap:anywhere;font-weight:500}.guide-note{color:var(--ink-2);overflow-wrap:anywhere}.guide-pen{color:var(--guide-pen);overflow-wrap:anywhere;font-weight:600}.guide-mark{pointer-events:none;max-width:none;position:absolute;overflow:visible}.guide-mark path{fill:none;stroke:var(--guide-pen);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.guide-mark--loop{width:calc(100% + 1.2em);height:calc(100% + .6em);inset:-.3em -.6em}.guide-mark--loop path{stroke-width:2.5px;vector-effect:non-scaling-stroke}.guide-mark--tick{vertical-align:-.15em;width:1.15em;height:1.15em;margin-left:.3em;display:inline-block;position:static}.guide-mark--tick path{stroke-width:3px}.guide-mark--strike{width:calc(100% + .2em);height:.5em;inset:50% 0 auto -.1em;transform:translateY(-50%)}.guide-mark--strike path{stroke-width:2px;vector-effect:non-scaling-stroke}.guide-mark.is-drawing path{animation:guide-draw .3s var(--ease) both}@keyframes guide-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.guide-actions{align-items:center;gap:var(--s-1) var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.guide-btn{padding:0 var(--s-4)}.guide-more{min-width:0}.guide-more>summary{padding:0 var(--s-2)}.guide-more__menu{gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.guide-panel{gap:var(--s-3);margin-top:var(--s-2);padding:var(--s-3);border:2px solid var(--line);border-radius:var(--r-input);display:grid}.guide-panel__actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.guide-foot{display:flex}.guide-settings{gap:var(--s-4);display:grid}
