artch-notebook{display:block}.notebook-panel{padding:28px;margin:28px 0;border:1px solid #77664a;background:#22221d;color:#eee8dc}.notebook-panel h2{font-family:Cinzel,serif;font-weight:400}.notebook-panel p{max-width:75ch;font-size:.88rem;line-height:1.8}.notebook-panel .eyebrow{color:#c8b28a;font-size:.65rem;letter-spacing:.14em}.notebook-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.notebook-panel .button{display:inline-block;text-align:center;text-decoration:none;white-space:normal}.notebook-panel details{border-top:1px solid #565044;padding-top:18px;margin-top:22px}.notebook-panel summary{cursor:pointer;color:#dbc9a6;font-size:.85rem}.notebook-parts{display:grid;gap:0;margin-top:15px}.notebook-parts a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #454338;color:#eee8dc;text-decoration:none;font-size:.85rem}.notebook-parts a small{white-space:nowrap;color:#c8b28a}.notebook-panel .note{color:#beb7a9;font-size:.75rem}.notebook-panel.compact{padding:20px}.notebook-panel a:focus-visible,.notebook-panel summary:focus-visible{outline:2px solid #e6d3af;outline-offset:4px}@media(max-width:650px){.notebook-panel{padding:20px}.notebook-actions{flex-direction:column}.notebook-actions .button{width:100%}.notebook-parts a{flex-direction:column;gap:4px}}