@font-face { font-family:"Space Grotesk"; font-style:normal; font-weight:300 700; font-display:swap; src:url(vendor/space-grotesk-latin-ext-wght-normal.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Space Grotesk"; font-style:normal; font-weight:300 700; font-display:swap; src:url(vendor/space-grotesk-latin-wght-normal.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* Look follows br-st.com: near-black, square corners, heavy uppercase headings, small mono labels — plus five neon accents. */
:root {
  --bg:#0a0a0b; --panel:#101012; --raise:rgba(255,255,255,.05); --ink:#ececec; --muted:#8b8b92; --line:rgba(255,255,255,.14); --line-strong:rgba(255,255,255,.22);
  --blue:#2ec5ff; --pink:#ff3d9a; --green:#39ff9c; --yellow:#f4ff3a; --purple:#b46bff;
  --display:"Space Grotesk",system-ui,-apple-system,"LINE Seed JP","Hiragino Sans","Noto Sans JP",sans-serif; --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --sans:system-ui,-apple-system,"LINE Seed JP","Hiragino Sans","Noto Sans JP",sans-serif;
}
* { box-sizing:border-box; border-radius:0; }
[hidden] { display:none !important; }
html { color-scheme:dark; }
body { margin:0; font:15px/1.6 var(--sans); color:var(--ink); background:var(--bg); display:flex; min-height:100vh; }
body.bare { display:block; padding-top:10vh; }
a { color:var(--blue); text-decoration:none; } a:hover { text-decoration:underline; text-underline-offset:3px; }
::selection { background:var(--pink); color:#0a0a0b; }
h1 { font-family:var(--display); font-size:2.1rem; font-weight:700; text-transform:uppercase; letter-spacing:-.02em; line-height:.95; margin:0; display:flex; gap:.75rem; align-items:center; flex-wrap:wrap; }
h2 { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:var(--ink); margin:0 0 1rem; display:flex; gap:.75rem; align-items:center; --dot:var(--blue); }
h2::before { content:""; width:8px; height:8px; background:var(--dot); box-shadow:0 0 10px var(--dot); flex:none; }
#packing h2 { --dot:var(--green); } #pages h2 { --dot:var(--purple); } #files h2 { --dot:var(--yellow); }
#schedule h2 { --dot:var(--blue); } #packing h2 { --dot:var(--green); } #pages h2 { --dot:var(--purple); } #files h2 { --dot:var(--yellow); }

.side { width:220px; flex:none; background:var(--bg); border-right:1px solid var(--line); padding:1.25rem 0; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; }
.side a { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:var(--muted); padding:.7rem 1.25rem; border-left:2px solid transparent; }
.side a:hover { color:var(--ink); text-decoration:none; background:var(--raise); }
.side a.on { color:var(--ink); border-left-color:var(--green); background:linear-gradient(90deg,rgba(57,255,156,.12),transparent); }
.side .brand { font:700 1.3rem/1.05 var(--display); text-transform:uppercase; letter-spacing:-.02em; color:var(--ink); padding:.25rem 1.25rem 1.25rem; border:0; }
.side .brand:hover { background:none; } .side .brand::after { content:""; display:block; height:2px; margin-top:.75rem; background:linear-gradient(90deg,var(--blue),var(--pink),var(--green),var(--yellow),var(--purple)); }
.side .group { font:400 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:#55555c; margin:1.25rem 1.25rem .4rem; }
.side .spacer { flex:1; } .side .who { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.25rem 0; border-top:1px solid var(--line); margin-top:.75rem; font-size:.85rem; }

main { flex:1; min-width:0; padding:2rem 2.5rem 4rem; max-width:1200px; }
.top { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin-bottom:1.75rem; flex-wrap:wrap; }
.crumb { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:var(--muted); margin-bottom:.6rem; } .crumb a { color:var(--muted); } .crumb a:hover { color:var(--ink); }
.month { margin:2rem 0 .75rem; --dot:var(--pink); }
.card { background:var(--panel); border:1px solid var(--line); padding:1.25rem 1.4rem; margin-bottom:1.25rem; }
.narrow { max-width:400px; margin:0 auto; } .narrow h1 { font-size:1.6rem; margin-bottom:.5rem; }
.cols { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1.25rem; }
.stack { display:flex; flex-direction:column; gap:.9rem; } .row { display:flex; gap:.6rem; align-items:flex-end; flex-wrap:wrap; } .grow { flex:1; min-width:140px; }
.add { margin-top:1.1rem; padding-top:1.1rem; border-top:1px dashed var(--line); }

label { display:flex; flex-direction:column; gap:.35rem; font:400 10px/1.2 var(--mono); text-transform:uppercase; letter-spacing:.14em; color:var(--muted); }
label .muted { text-transform:none; letter-spacing:0; font-family:var(--sans); font-size:.75rem; }
input, select, textarea { font:400 14px/1.4 var(--sans); letter-spacing:0; text-transform:none; color:var(--ink); padding:.55rem .7rem; border:1px solid var(--line-strong); background:var(--raise); width:100%; }
select option { background:#151517; color:var(--ink); }
input::placeholder, textarea::placeholder { color:#5b5b62; }
input:focus, select:focus, textarea:focus { outline:none; border-color:var(--blue); box-shadow:0 0 0 1px var(--blue), 0 0 14px rgba(46,197,255,.25); }
input[type=checkbox] { width:1.15rem; height:1.15rem; accent-color:var(--green); } input[type=file] { padding:.35rem; } .num { width:5rem; }
button, .btn { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; padding:.7rem 1rem; border:1px solid var(--line-strong); background:transparent; color:var(--ink); cursor:pointer; white-space:nowrap; display:inline-block; transition:background .12s,color .12s,box-shadow .12s; }
button:hover, .btn:hover { background:var(--ink); color:var(--bg); text-decoration:none; }
button:focus-visible, .btn:focus-visible, a:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.primary { background:var(--green); border-color:var(--green); color:#04130b; } .primary:hover { background:var(--green); color:#04130b; box-shadow:0 0 18px rgba(57,255,156,.55); }
.small { font-size:.8rem; } .btn.small { padding:.4rem .6rem; font-size:10px; }
.link { border:0; background:none; padding:0; color:var(--blue); } .link:hover { background:none; color:var(--blue); text-decoration:underline; }
.danger, .link.danger:hover { color:var(--pink); }
.actions { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; } .right { text-align:right; white-space:nowrap; } .inline { display:inline; margin-left:.6rem; }
.muted { color:var(--muted); font-weight:400; } .danger-zone { margin-top:2rem; }
.flash { border:1px solid var(--green); border-left-width:3px; color:var(--green); background:rgba(57,255,156,.06); padding:.7rem 1rem; margin-bottom:1.25rem; }
.flash.warn { border-color:var(--yellow); color:var(--yellow); background:rgba(244,255,58,.06); }

.tag { font:400 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.14em; padding:.3rem .5rem; border:1px solid currentColor; color:var(--muted); vertical-align:middle; white-space:nowrap; }
.s-planning { color:var(--yellow); } .s-confirmed { color:var(--blue); } .s-active { color:var(--green); box-shadow:0 0 10px rgba(57,255,156,.35); } .s-done, .s-archived { color:#6a6a70; }
.k-event { color:var(--pink); } .k-project { color:var(--blue); } .k-installation { color:var(--purple); }

table { width:100%; border-collapse:collapse; } table.card { padding:0; display:table; }
th { text-align:left; font:400 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:var(--muted); padding:.75rem; border-bottom:1px solid var(--line-strong); }
td { padding:.7rem .75rem; border-bottom:1px solid var(--line); vertical-align:top; } tr:last-child td { border-bottom:0; } td.date { white-space:nowrap; width:6rem; color:var(--pink); }
tbody tr:hover td { background:rgba(255,255,255,.025); }
td a b, .list a b { color:var(--ink); } td a:hover b, .list a:hover b { color:var(--blue); }
.list { list-style:none; margin:0; padding:0; } .list li { padding:.6rem 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:1rem; align-items:center; flex-wrap:wrap; } .list li:last-child { border-bottom:0; }
.packing tr.cat td { background:var(--raise); font:400 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:var(--purple); padding:.5rem .75rem; }
.packing tr.packed .name { text-decoration:line-through; color:var(--muted); } .packing tr.packed .by { color:var(--green); }
#pack-count { color:var(--green); }
details.pop { position:relative; display:inline-block; text-align:left; } details.pop summary { cursor:pointer; color:var(--blue); list-style:none; font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; }
details.pop form { position:absolute; right:0; z-index:5; width:300px; background:#141416; border:1px solid var(--blue); padding:1rem; box-shadow:0 0 30px rgba(46,197,255,.2), 0 12px 40px #000; white-space:normal; }
details.card summary { cursor:pointer; } .raw { white-space:pre-wrap; background:var(--raise); border:1px solid var(--line); padding:1rem; font:13px/1.5 var(--mono); overflow:auto; max-height:420px; }

/* (editor layout: see Wiki section below) */
input.title { font:700 2.1rem/1 var(--display); text-transform:uppercase; letter-spacing:-.02em; padding:.2rem .4rem; }
#status { font:400 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.14em; color:var(--green); } #presence { color:var(--pink); }
.md { overflow-wrap:anywhere; } .md > :first-child { margin-top:0; } .md > :last-child { margin-bottom:0; } .md img { max-width:100%; }
.md h1, .md h2, .md h3 { font-family:var(--display); font-weight:700; text-transform:uppercase; letter-spacing:-.01em; line-height:1.1; display:block; color:var(--ink); }
.md h1 { font-size:1.5rem; margin:1.6rem 0 .6rem; } .md h2 { font-size:1.2rem; margin:1.5rem 0 .5rem; } .md h2::before { display:none; } .md h3 { font-size:1rem; margin:1.2rem 0 .4rem; }
.md pre { background:var(--raise); border:1px solid var(--line); padding:.9rem; overflow:auto; } .md code { font-family:var(--mono); font-size:.88em; color:var(--yellow); background:var(--raise); padding:.1rem .3rem; } .md pre code { background:none; padding:0; color:var(--ink); }
.md blockquote { margin:0; padding-left:1rem; border-left:2px solid var(--purple); color:var(--muted); } .md table { width:auto; } .md th, .md td { border:1px solid var(--line); } .md li::marker { color:var(--green); } .md hr { border:0; border-top:1px solid var(--line); }
.md:empty::before { content:"This page is empty. Press Edit to start writing."; color:var(--muted); }

@media (max-width:800px) { body { flex-direction:column; } .side { width:auto; height:auto; position:static; flex-direction:row; flex-wrap:wrap; align-items:center; padding:.5rem; border-right:0; border-bottom:1px solid var(--line); } .side a { padding:.6rem .7rem; border-left:0; border-bottom:2px solid transparent; } .side a.on { border-bottom-color:var(--green); background:none; } .side .group, .side .spacer, .side .brand::after { display:none; } .side .brand { padding:.4rem .7rem; } .side .who { border:0; margin:0; padding:.4rem .7rem; gap:.75rem; } main { padding:1.25rem 1rem 3rem; } h1 { font-size:1.6rem; } table.card, .card table { display:block; overflow-x:auto; } }
@media print { :root { --ink:#000; --muted:#444; --line:#bbb; --line-strong:#888; --panel:#fff; --bg:#fff; } html { color-scheme:light; } .side, .noprint, .flash, .danger-zone { display:none !important; } main { padding:0; max-width:none; } .card { border:0; padding:0; } h2::before { box-shadow:none; background:#000; } .tag, #pack-count, .packing tr.cat td, .packing tr.packed .by { color:#000; box-shadow:none; } }
@media (prefers-reduced-motion:reduce) { * { transition:none !important; } }
/* dashboard section markers */
.cols > section:nth-child(2) > h2 { --dot:var(--pink); } .cols + section.card > h2 { --dot:var(--purple); }
#schedule > h2 { --dot:var(--blue); } #packing > h2 { --dot:var(--green); } #pages > h2 { --dot:var(--purple); } #files > h2 { --dot:var(--yellow); }
.crew form { margin-top:.35rem; } .crew form.inline { margin:0 0 0 .5rem; } .btn.going { color:var(--green); border-color:var(--green); box-shadow:0 0 10px rgba(57,255,156,.3); } .btn.going:hover { background:var(--green); color:#04130b; }

/* ===== Wiki ===== */
.wiki-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:1.25rem; align-items:start; }
.wiki-main { min-width:0; } .wiki-rail { position:sticky; top:1rem; max-height:calc(100vh - 2rem); overflow:auto; scrollbar-width:thin; }
.wiki-rail .card { padding:1rem 1.1rem; margin-bottom:1rem; } .wiki-rail h2 { margin-bottom:.75rem; }
.wiki-index { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:1.25rem; align-items:start; }
.search input { min-width:280px; }
.filters { margin-left:auto; display:flex; gap:.25rem; } .filters a { color:var(--muted); padding:.25rem .5rem; border:1px solid transparent; } .filters a.on { color:var(--ink); border-color:var(--line-strong); } .filters a:hover { color:var(--ink); text-decoration:none; }
.results mark, .md mark { background:rgba(244,255,58,.22); color:var(--yellow); padding:0 .15em; }
.tag.t-installation { color:var(--purple); } .tag.t-equipment { color:var(--yellow); } .tag.t-page { color:var(--blue); }

/* tree */
.tree { list-style:none; margin:0; padding:0 0 0 1.1rem; border-left:1px solid var(--line); } .tree.root { padding-left:0; border:0; }
.tree li { margin:0; } .tree li.leaf, .tree summary { padding:.32rem 0 .32rem .5rem; }
.tree li.leaf::before { content:"·"; color:#55555c; margin-right:.5rem; }
.tree summary { cursor:pointer; list-style:none; } .tree summary::-webkit-details-marker { display:none; }
.tree summary::before { content:"▸"; display:inline-block; width:1rem; color:var(--purple); transition:transform .12s; } .tree details[open] > summary::before { transform:rotate(90deg); }
.tree .tag { margin-left:.35rem; font-size:9px; padding:.2rem .35rem; }

/* toolbar + editor */
.editor-wrap { margin-bottom:1.25rem; }
.toolbar { display:flex; flex-wrap:wrap; gap:.4rem; padding:.5rem; background:var(--panel); border:1px solid var(--line); border-bottom:0; position:sticky; top:0; z-index:4; }
.tb-group { display:flex; border:1px solid var(--line); } .tb-group + .tb-group { margin-left:.1rem; }
.tb { font:400 11px/1 var(--mono); letter-spacing:.06em; text-transform:none; padding:.5rem .6rem; border:0; border-right:1px solid var(--line); background:transparent; color:var(--ink); }
.tb:last-child { border-right:0; } .tb:hover { background:var(--raise); color:var(--blue); } .tb b, .tb i, .tb s { font-family:var(--sans); font-size:13px; } .tb mark { background:rgba(244,255,58,.25); color:var(--yellow); padding:0 .2em; }
.tb.c-note { color:var(--blue); } .tb.c-tip { color:var(--green); } .tb.c-warning { color:var(--yellow); } .tb.c-danger { color:var(--pink); }
.modes { margin-left:auto; } .modes .tb.on { background:var(--ink); color:var(--bg); }
.editor { display:grid; gap:0; border:1px solid var(--line); }
.editor.mode-split { grid-template-columns:1fr 1fr; } .editor.mode-write .pane-preview, .editor.mode-preview .pane-write { display:none; }
.pane-write { position:relative; } .pane-write textarea { display:block; min-height:68vh; border:0; resize:vertical; font:14px/1.65 var(--mono); padding:1rem 1.1rem; background:#0d0d0f; }
.pane-write textarea:focus { box-shadow:inset 0 0 0 1px var(--blue); }
.pane-preview { margin:0; border:0; border-left:1px solid var(--line); min-height:68vh; max-height:80vh; overflow:auto; }
.editor.mode-preview .pane-preview { border-left:0; max-height:none; }
.autocomplete { position:absolute; z-index:10; list-style:none; margin:0; padding:.25rem 0; min-width:240px; max-width:360px; background:#141416; border:1px solid var(--blue); box-shadow:0 0 24px rgba(46,197,255,.2), 0 10px 30px #000; }
.autocomplete li { padding:.45rem .75rem; cursor:pointer; display:flex; gap:.4rem; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .autocomplete li.on { background:rgba(46,197,255,.14); color:var(--blue); }
.autocomplete .tag { font-size:9px; padding:.15rem .3rem; }

/* rendered content */
.md { font-size:15.5px; line-height:1.7; } .md p, .md ul, .md ol, .md table, .md pre, .md blockquote { margin:.8rem 0; }
.md a.wikilink { color:var(--purple); border-bottom:1px dotted rgba(180,107,255,.5); } .md a.wikilink:hover { text-decoration:none; border-bottom-style:solid; }
.md a.wikilink.missing { color:var(--pink); border-bottom-color:rgba(255,61,154,.5); }
.md h1, .md h2, .md h3 { scroll-margin-top:4rem; } .md h1 { border-bottom:1px solid var(--line); padding-bottom:.4rem; }
.md ul ul, .md ol ol, .md ul ol, .md ol ul { margin:.2rem 0; }
.md li.task { list-style:none; margin-left:-1.3rem; } .md li.task input { margin:0 .5rem 0 0; vertical-align:-2px; cursor:pointer; } .md li.task:has(input:checked) { color:var(--muted); text-decoration:line-through; }
.md img { display:block; margin:.75rem 0; border:1px solid var(--line); }
.md .table-wrap { overflow-x:auto; } .md table { border-collapse:collapse; width:auto; min-width:50%; } .md th { background:var(--raise); color:var(--ink); } .md th, .md td { padding:.45rem .75rem; }
.md .callout { --c:var(--blue); border:1px solid var(--c); border-left-width:3px; background:color-mix(in srgb, var(--c) 7%, transparent); padding:.7rem 1rem; color:var(--ink); margin:1rem 0; }
.md .callout-title { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.16em; color:var(--c); margin-bottom:.45rem; } .md .callout > p:first-of-type { margin-top:0; } .md .callout > :last-child { margin-bottom:0; }
.md .c-note { --c:var(--blue); } .md .c-tip { --c:var(--green); } .md .c-warning { --c:var(--yellow); } .md .c-danger { --c:var(--pink); }

/* rail pieces */
.props { margin:0 0 .75rem; } .props > div { display:grid; grid-template-columns:minmax(80px, 38%) 1fr auto; gap:.5rem; padding:.4rem 0; border-bottom:1px solid var(--line); align-items:start; }
.props dt { font:400 10px/1.6 var(--mono); text-transform:uppercase; letter-spacing:.12em; color:var(--muted); } .props dd { margin:0; overflow-wrap:anywhere; font-size:.9rem; }
.props.inv dd { color:var(--yellow); } .props.inv > div.muted { display:block; border:0; }
.prop-edit summary { font-size:10px; opacity:.55; } .props > div:hover .prop-edit summary { opacity:1; }
.prop-add { display:flex; gap:.35rem; } .prop-add input, .prop-add select { padding:.4rem .5rem; font-size:13px; min-width:0; } .prop-add select { width:auto; } .prop-add button { padding:.4rem .7rem; }
.list.compact li { padding:.4rem 0; font-size:.9rem; } .list.compact .tag { font-size:9px; padding:.2rem .35rem; }
.files li { flex-wrap:nowrap; } .files li > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .file-actions { display:flex; gap:.6rem; flex:none; }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-bottom:.75rem; } .gallery img { width:100%; aspect-ratio:1; object-fit:cover; display:block; border:1px solid var(--line); } .gallery a:hover img { border-color:var(--blue); }
.dropzone { margin-top:.75rem; border:1px dashed var(--line-strong); padding:.75rem; display:flex; flex-direction:column; gap:.5rem; align-items:flex-start; }
.dropzone.over { border-color:var(--green); background:rgba(57,255,156,.06); } .dropzone input[type=file] { font-size:12px; padding:0; border:0; background:none; }
.dropzone label { text-transform:none; letter-spacing:0; font-family:var(--sans); }
.toc { margin:0; padding-left:1.1rem; font-size:.88rem; } .toc li { margin:.2rem 0; } .toc li.l2 { margin-left:.75rem; } .toc li.l3 { margin-left:1.5rem; font-size:.84rem; } .toc a { color:var(--muted); } .toc a:hover { color:var(--ink); }
details.settings > summary { list-style:none; cursor:pointer; } details.settings > summary::-webkit-details-marker { display:none; } details.settings > summary h2 { margin:0; --dot:#55555c; } details.settings[open] > summary h2 { margin-bottom:.9rem; }
details.settings form + form { margin-top:1rem; }
.chips { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin-top:1rem; } .chip { display:inline-flex; gap:.4rem; align-items:center; border:1px solid var(--purple); color:var(--purple); padding:.25rem .5rem; font-size:.85rem; } .chip form { display:inline; } .chip .link { color:var(--muted); }
#info > h2 { --dot:var(--yellow); } #subpages > h2, #toc-card > h2 { --dot:var(--purple); } #package > h2 { --dot:var(--green); }
.wiki-index aside h2 { --dot:var(--green); }

@media (max-width:1100px) { .wiki-layout, .wiki-index { grid-template-columns:1fr; } .wiki-rail { position:static; max-height:none; } }
@media (max-width:800px) { .editor.mode-split { grid-template-columns:1fr; } .pane-preview { border-left:0; border-top:1px solid var(--line); } .pane-write textarea, .pane-preview { min-height:40vh; } .search input { min-width:0; } .modes { margin-left:0; } }
@media print { .wiki-layout { display:block; } .md a.wikilink, .md a.wikilink.missing { color:#000; border:0; } .md .callout { border-color:#000; background:none; } .md .callout-title { color:#000; } }

/* account / AI connections */
.secret-box { border:1px solid var(--green); box-shadow:0 0 24px rgba(57,255,156,.12); padding:1.1rem 1.2rem; margin:1rem 0 1.25rem; background:rgba(57,255,156,.03); }
.secret-box h3 { font-family:var(--display); text-transform:uppercase; margin:0 0 .4rem; font-size:1.05rem; }
.warn-text { color:var(--yellow); margin:.2rem 0 .8rem; }
.copy-row { display:flex; gap:.5rem; margin:.4rem 0 .6rem; } .copy-row input { font-family:var(--mono); font-size:12.5px; }
.howto details { border-top:1px solid var(--line); padding:.6rem 0; } .howto summary { cursor:pointer; font:400 11px/1.4 var(--mono); text-transform:uppercase; letter-spacing:.14em; color:var(--blue); }
.howto ol { margin:.6rem 0 .2rem; padding-left:1.2rem; } .howto li { margin:.25rem 0; } .howto code { font-family:var(--mono); font-size:.85em; color:var(--yellow); overflow-wrap:anywhere; }
.side .who a.me { color:var(--ink); font-size:.85rem; padding:0; border:0; letter-spacing:0; text-transform:none; font-family:var(--sans); } .side .who a.me:hover { background:none; color:var(--blue); }
#connections > h2 { --dot:var(--pink); }

/* linked calendars */
.tag.feed-yellow { color:var(--yellow); } .tag.feed-blue { color:var(--blue); } .tag.feed-pink { color:var(--pink); } .tag.feed-green { color:var(--green); } .tag.feed-purple { color:var(--purple); }
tr.feed-row td { color:#c9c9cf; } tr.feed-row td.date { color:var(--muted); }
.feed-desc summary { cursor:pointer; list-style:none; display:inline; } .feed-desc summary::-webkit-details-marker { display:none; } .feed-desc[open] div { margin-top:.4rem; }
.legend { margin:-.75rem 0 1rem; } .legend .tag { margin-right:.25rem; }
#feeds > h2 { --dot:var(--yellow); }

/* equipment owners */
.owner { font:400 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; color:var(--pink); border:1px solid rgba(255,61,154,.5); padding:.2rem .4rem; white-space:nowrap; vertical-align:middle; }
.owner-filter { display:flex; flex-wrap:wrap; gap:.35rem; align-items:center; margin:0 0 1rem; }
.owner-filter a { font:400 11px/1 var(--mono); text-transform:uppercase; letter-spacing:.12em; color:var(--muted); padding:.45rem .6rem; border:1px solid var(--line); }
.owner-filter a:hover { color:var(--ink); text-decoration:none; } .owner-filter a.on { color:var(--pink); border-color:var(--pink); }
@media print { .owner { color:#000; border-color:#000; } }