:root{--jv-ink: #1c1c1c;--jv-paper: #f7f6f2;--jv-brass: #a8874f;--jv-line: #d9d5cc;--clinic-bg: #ffffff;--clinic-base: #f4f9f9;--clinic-accent: #2f8f9d;--clinic-accent-soft: #e4f2f4;--clinic-text: #333a3f;--clinic-muted: #7a8a91;--radius: 14px;--shadow: 0 2px 16px rgba(47, 143, 157, .08);--font-serif: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--clinic-text);background:var(--clinic-bg);line-height:1.8}.site-header{background:var(--jv-paper);border-bottom:1px solid var(--jv-line);padding:1.1rem 1.5rem}.site-header__inner{max-width:1080px;margin:0 auto;display:flex;align-items:baseline;gap:1rem}.site-header__title{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:.14em;color:var(--jv-ink);margin:0}.site-header__title a{color:inherit;text-decoration:none}.site-header__title .brass{color:var(--jv-brass)}.site-header__tag{font-size:.72rem;letter-spacing:.2em;color:var(--jv-brass)}.site-footer{background:var(--jv-paper);border-top:1px solid var(--jv-line);margin-top:6rem;padding:2.5rem 1.5rem;text-align:center}.site-footer__note{font-size:.78rem;color:var(--jv-ink);letter-spacing:.08em;margin:0 0 .4rem}.site-footer__copy{font-family:var(--font-serif);font-size:.75rem;color:var(--jv-brass);letter-spacing:.2em;margin:0}.container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.container--wide{max-width:1320px}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:.06em;margin:3rem 0 .5rem}.page-lead{color:var(--clinic-muted);margin:0 0 2.5rem}.part-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.part{display:flex;flex-direction:column;background:var(--clinic-bg);border:1px solid var(--clinic-accent-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem}.part__title{font-size:1.05rem;margin:0 0 .25rem;letter-spacing:.04em}.part__desc{color:var(--clinic-muted);font-size:.82rem;line-height:1.6;margin:0 0 1rem}.part__preview{border:1px dashed var(--clinic-accent);border-radius:calc(var(--radius) - 4px);background:var(--clinic-base);overflow:hidden}.part__preview iframe{display:block;width:100%;height:240px;border:0;background:#fff}.part__actions{margin-top:1rem}.part__copy{width:100%;background:var(--clinic-accent);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .15s ease}.part__copy.is-done{background:#3fa46a}.part__details{margin-top:.9rem}.part__summary{cursor:pointer;list-style:none;font-size:.82rem;font-weight:700;color:var(--clinic-accent);padding:.5rem .2rem;user-select:none;display:flex;align-items:center;gap:.4rem}.part__summary::-webkit-details-marker{display:none}.part__summary:before{content:"▸";font-size:.7rem;transition:transform .15s ease}.part__details[open] .part__summary:before{transform:rotate(90deg)}.part__codebox{margin-top:.6rem}.part__tabbar{display:flex;gap:.4rem;align-items:center;margin-bottom:0}.part__tab{border:1px solid var(--clinic-accent-soft);border-bottom:none;background:var(--clinic-base);color:var(--clinic-muted);padding:.4rem .9rem;border-radius:8px 8px 0 0;font-size:.8rem;cursor:pointer}.part__tab.is-active{background:var(--clinic-accent);color:#fff}.part__panel{display:none}.part__panel.is-active{display:block}.part__panel pre{margin:0;padding:1rem;border-radius:0 8px 8px;border:1px solid var(--clinic-accent-soft);font-size:.78rem;overflow-x:auto;max-height:360px}.part__usage{margin-top:1rem;padding:.9rem 1.1rem;background:var(--clinic-accent-soft);border-radius:10px}.part__usage h4{margin:0 0 .4rem;font-size:.86rem;color:var(--clinic-accent)}.part__usage ul{margin:0;padding-left:1.2em;font-size:.82rem;line-height:1.6}.breadcrumb{font-size:.82rem;color:var(--clinic-muted);margin-top:2rem}.breadcrumb a{color:var(--clinic-accent);text-decoration:none}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.cat-tile{display:flex;flex-direction:column;gap:.4rem;background:var(--clinic-bg);border:1px solid var(--clinic-accent-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.cat-tile:hover{transform:translateY(-3px);box-shadow:0 6px 24px #2f8f9d29}.cat-tile__name{font-size:1.1rem;font-weight:700;color:var(--clinic-accent)}.cat-tile__desc{font-size:.84rem;color:var(--clinic-muted)}.cat-tile__count{font-size:.78rem;color:var(--clinic-accent);margin-top:auto}.search{position:relative;margin:0 0 2rem}.search input{width:100%;max-width:480px;padding:.8rem 1.2rem;border:1px solid var(--clinic-accent-soft);border-radius:999px;font-size:.95rem;outline-color:var(--clinic-accent)}.search__results{list-style:none;margin:.6rem 0 0;padding:.4rem;max-width:480px;background:#fff;border:1px solid var(--clinic-accent-soft);border-radius:12px;box-shadow:var(--shadow);max-height:320px;overflow-y:auto}.search__results a{display:flex;justify-content:space-between;align-items:baseline;padding:.55rem .9rem;border-radius:8px;text-decoration:none;color:inherit}.search__results a:hover{background:var(--clinic-accent-soft)}.search__results span{font-size:.75rem;color:var(--clinic-muted)}