.body-url{color:var(--blue);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere;word-break:break-word}.body-url:hover{text-decoration-thickness:2px}.prose,.document-body p,.event-summary{white-space:pre-line;overflow-wrap:anywhere}
/* Every sharing destination uses the same control surface and dimensions. */
.page-share{position:relative;margin-block:30px 72px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,var(--paper),var(--surface));overflow:hidden}
.page-share h2{font-size:1.15rem;margin:0 0 18px}
.share-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
.share-action{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:64px;height:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;font-size:.82rem;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;word-break:keep-all;overflow-wrap:break-word;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.share-action img{flex:none;width:22px;height:22px;object-fit:contain}
.share-action:is(:hover,.lift-hold){transform:translateY(-3px);border-color:var(--blue);box-shadow:0 7px 15px var(--shadow)}
.share-action:active{transform:translateY(0) scale(.98)}
.share-action:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.share-status{min-height:1.7em;margin:15px 0 0!important;font-size:.78rem;color:var(--muted)}
.share-fallback{display:block;margin-top:16px;font-size:.8rem}
.share-fallback[hidden]{display:none}
.share-fallback input,.share-fallback textarea{margin-top:7px;width:100%;min-width:0;font-size:.8rem}
.share-fallback textarea{min-height:8rem;resize:vertical;line-height:1.7}
.neuron-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.staff-grid .x-brand-link,.staff-grid .neuron-link{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%}.neuron-icon{flex:none;width:20px!important;height:20px!important;margin:0!important;border-radius:3px!important;object-fit:contain}.neuron-note{display:block;font-size:.72rem;line-height:1.8;color:var(--muted);margin:7px 0 14px;max-width:38em}.quantity-summary.external-quantity{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.quantity-summary.external-quantity>strong{font-size:1.05rem;line-height:1.6;letter-spacing:0}.quantity-summary.external-quantity>small{font-size:.75rem;color:var(--muted)}.quantity-summary.external-quantity p{margin:0;font-size:.75rem}.quantity-summary.external-quantity>.text-link{font-size:.78rem;margin-top:4px}.external-shop-note{line-height:1.9;font-size:.85rem}
/* Preserve the official source files. Only the monochrome X mark follows the theme. */
.share-action img.brand-icon{filter:none}
.share-line img.brand-icon{width:40px;height:40px}
.share-discord img.brand-icon{width:29.333px;height:22px}
.share-x img.brand-icon{filter:brightness(0)}
[data-theme=dark] .share-x img.brand-icon{filter:none}
[data-theme=dark] .share-action img:not(.brand-icon){filter:invert(1)}
@container site (max-width:1000px){.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container site (max-width:600px){.page-share{padding:23px 18px;margin-block:20px 45px}.share-actions{gap:8px}.share-action{padding:10px 8px;font-size:.75rem}.share-status{font-size:.72rem}}
@media(max-width:1000px){.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-share{padding:23px 18px;margin-block:20px 45px}.share-actions{gap:8px}.share-action{padding:10px 8px;font-size:.75rem}.share-status{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.share-action{transition:none}.share-action:is(:hover,.lift-hold),.share-action:active{transform:none}}
[data-motion=off] .share-action{transition:none}[data-motion=off] .share-action:hover,[data-motion=off] .share-action:active{transform:none}
@media print{.page-share{display:none}}
/* 2026-10-19 2列のとき、最後に1つ余るボタンは横いっぱいにする */@container site (max-width:1000px){.share-actions>.share-action:last-child:nth-child(odd){grid-column:1/-1}}@media(max-width:1000px){.share-actions>.share-action:last-child:nth-child(odd){grid-column:1/-1}}
