/* 標準ブロックの保存HTMLを既存のTOPデザインへ接続する。 */
.olsupo-page { --guide-teal:#006860; --guide-teal-dark:#005b55; --guide-red:#c74c2e; --guide-ink:#171b1d; --guide-muted:#626a6d; --guide-line:#c9ced0; --guide-soft:#f2f6f5; --guide-soft-red:#fcf1ed; }
.olsupo-page { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif; color:var(--guide-ink); line-height:1.6; }
.olsupo-page :where(.wp-block-group,p,figure,h1,h2,h3) { margin-block-start:0; margin-block-end:0; }
.olsupo-page .wp-block-group__inner-container { display:contents; }
.olsupo-page .guide-disclosure { margin-top:18px; }
.olsupo-page .guide-hero__lead { margin:4px 0 28px; }
.olsupo-page .guide-hero h1 br { display:none; }
.olsupo-page .guide-logo { margin:0; }
.olsupo-page .guide-logo a { font-size:29px; font-weight:800; line-height:1; }
.olsupo-page .guide-nav p { margin:0; }
.olsupo-page .guide-heading { margin-bottom:28px; }
.olsupo-page .guide-heading::after { content:""; height:8px; border-top:3px solid var(--guide-teal); border-bottom:1px solid var(--guide-red); transform:translateY(3px); }
.olsupo-page .guide-heading__mark img { width:24px; height:39px; object-fit:contain; }
.olsupo-page .sport-card,.olsupo-page .article-card { position:relative; grid-template-columns:142px minmax(0,1fr) 22px; }
.olsupo-page .sport-card::after,.olsupo-page .article-card::after,.olsupo-page .guide-action::after { content:"\f345"; font-family:dashicons; color:var(--guide-teal); font-size:22px; line-height:1; pointer-events:none; }
.olsupo-page .sport-card__name { margin-left:20px; }
.olsupo-page .sport-card__name a::after,.olsupo-page .article-card__title a::after,.olsupo-page .guide-action a::after { content:""; position:absolute; inset:0; z-index:1; }
.olsupo-page .sport-card:focus-within,.olsupo-page .article-card:focus-within,.olsupo-page .guide-action:focus-within { outline:3px solid var(--guide-teal); outline-offset:3px; }
.olsupo-page .article-card { grid-template-columns:205px minmax(0,1fr) 22px; }
.olsupo-page .guide-actions { margin-top:42px; }
.olsupo-page .guide-action { position:relative; }
.olsupo-page .guide-action::before { content:"\f472"; font-family:dashicons; font-size:58px; line-height:1; color:var(--guide-teal); }
.olsupo-page .guide-action--red::before,.olsupo-page .guide-action--red::after { color:var(--guide-red); }
.olsupo-page .guide-article-index { margin-top:27px; }
.olsupo-page .guide-article-index p { width:328px; max-width:100%; }
.olsupo-page .guide-article-index a { display:flex; justify-content:center; }
.olsupo-page .guide-article-index a::before { display:none; }
.olsupo-page .guide-footer__nav p { margin:0; }
.olsupo-page .guide-footer__nav p a { border-left:0; }
.olsupo-page .guide-footer__nav p:first-child a { border-left:1px solid #b9bec0; }
.olsupo-page .wp-block-search__inside-wrapper { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 194px; gap:24px; padding:0; border:0; }
.olsupo-page .wp-block-search__inside-wrapper::before { content:"\f179"; position:absolute; top:21px; left:18px; font:28px/28px dashicons; color:#959da1; pointer-events:none; }
.olsupo-page .wp-block-search__button { margin-left:0; }
.olsupo-page .wp-block-search__input { min-width:0; padding-left:66px; }
@media(max-width:980px) {
 .olsupo-page .article-card { grid-template-columns:42% minmax(0,1fr) 22px; }
}
@media(max-width:760px) {
 .olsupo-page .guide-hero h1 br { display:block; }
 .olsupo-page .guide-logo a { font-size:25px; }
 .olsupo-page .guide-nav a { display:grid; }
 .olsupo-page .guide-disclosure { margin-top:9px; }
 .olsupo-page .guide-hero__lead { margin:6px 0 25px; }
 .olsupo-page .guide-heading { margin-bottom:20px; }
 .olsupo-page .guide-heading__mark img { width:20px; height:32px; }
 .olsupo-page .guide-heading::after { height:7px; border-top-width:2px; }
 .olsupo-page .sport-card { grid-template-columns:128px minmax(0,1fr) 22px; }
 .olsupo-page .sport-card__name { margin-left:0; }
 .olsupo-page .article-card { grid-template-columns:126px minmax(0,1fr) 20px; }
 .olsupo-page .guide-actions { margin-top:30px; }
 .olsupo-page .guide-action::before { font-size:48px; }
 .olsupo-page .wp-block-search__inside-wrapper { grid-template-columns:1fr; gap:10px; }
 .olsupo-page .wp-block-search__inside-wrapper::before { top:15px; }
 .olsupo-page .guide-article-index p { width:100%; }
 .olsupo-page .guide-footer__nav p { flex:1; }
 .olsupo-page .guide-footer__nav a { display:block; }
 .olsupo-page .guide-footer__nav p:first-child a { border-left:0; }
 .olsupo-page .guide-footer__nav p:not(:last-child) a { border-right:1px solid #d9ddde; }
}
@media(max-width:390px) {
 .olsupo-page .sport-card { grid-template-columns:112px minmax(0,1fr) 18px; }
 .olsupo-page .article-card { grid-template-columns:110px minmax(0,1fr) 18px; }
}

/* Production: keep search controls consistent across SWELL versions. */
.olsupo-page .guide-search .wp-block-search__button {
 background:var(--guide-teal);color:#fff;border:0;border-radius:5px;
 font-family:inherit;font-size:21px;font-weight:700;padding:0 20px;
}
.olsupo-page .guide-search .wp-block-search__button:hover {background:var(--guide-teal-dark);}
.olsupo-page a:focus-visible,.olsupo-page button:focus-visible {outline:3px solid var(--guide-teal);outline-offset:3px;}
.olsupo-page .guide-search input::placeholder {color:#626a6d;}
@media(max-width:760px){.olsupo-page .guide-search .wp-block-search__button{font-size:18px;}}
@media(prefers-reduced-motion:reduce){.olsupo-page *, .olsupo-page *::before, .olsupo-page *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}