/*
 * 09-misc.css  —  その他
 *
 * このファイル群は読み込み順がそのままカスケードになる。
 * functions.php の ichika_style_parts() が順番を持っている。
 * 並べ替える前に tools/vr の回帰テストを走らせること。
 */

.video-frame iframe{width:100%;height:100%;border:0}

.pagination .disabled{visibility:hidden}
.post-nav .next{text-align:right}
.log-date{font-weight:800;color:var(--deep-red)}
.ichika-contact-field label{display:block;margin-bottom:7px;font-weight:800}
.ichika-contact-field input,.ichika-contact-field textarea{width:100%;padding:13px 14px;border:1px solid rgba(17,11,35,.28);background:#fff;color:var(--ink);font:inherit}
.ichika-contact-field input:focus,.ichika-contact-field textarea:focus{outline:3px solid rgba(109,80,197,.18);border-color:var(--deep-red)}
.contact-entry{
  width:100%;
  max-width:none;
  margin:0;
}
.contact-intro{
  margin-bottom:24px;
}
@media(max-width:900px){
  .mobile-menu-toggle span{
      display:block;
      width:100%;
      height:2px;
      background:currentColor;
      transition:transform .2s ease, opacity .2s ease;
      transform-origin:center;
    }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){
      transform:translateY(7px) rotate(45deg);
    }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){
      opacity:0;
    }
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){
      transform:translateY(-7px) rotate(-45deg);
    }
}
.home-trpg-person > span:last-child{
  min-width:0;
}
.trpg-single-meta-row > strong{
  white-space:nowrap;
}
.trpg-single-played > strong{
  display:block;
  margin-bottom:.3rem;
}
/* v0.5.0: final audit */
:where(a,button,input,textarea,select):focus-visible{outline:3px solid rgba(109,80,197,.34);outline-offset:3px}
.home-trpg-detail>span:last-child{overflow-wrap:anywhere;word-break:break-word}
.not-found-page{min-height:55vh}
.not-found-links{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}
.not-found-links a:hover,.not-found-links a:focus-visible{background:#e2ddf2;border-color:#e2ddf2;color:var(--ink)}
@media(max-width:560px){
  .not-found-links{display:grid;grid-template-columns:1fr}
}
.ichika-contact-confirm-list>div{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid rgba(17,11,35,.18)}
.ichika-contact-confirm-list dt{font-weight:800}
.ichika-contact-confirm-list dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ichika-contact-confirm-actions form{margin:0}
@media(max-width:560px){
  .ichika-contact-confirm-list>div{grid-template-columns:1fr;gap:4px}
}
@media(max-width:560px){
  .ichika-contact-confirm-actions form,.ichika-contact-confirm-actions button{width:100%}
}
@media (min-width:901px){
  .global-nav-grid > .nav-x{
      grid-column:span 11;
    }
}
@media (min-width:901px){
  .global-nav-grid > .nav-x{
      justify-content:flex-end;
      text-align:right;
    }
}
@media (min-width:901px){
  body.page:not(.home) .contact-entry{
      width:min(900px,100%);
      max-width:900px;
      margin-left:auto;
      margin-right:auto;
    }
}
/* v1.1.92: `.site` is not a class this theme renders (header.php has
   .site-shell and .site-main). Noah Lite leftover. */
.contact-intro{
  line-height:var(--body-leading);
}
@media (max-width:900px){
  .contact-intro{
      line-height:1.74;
    }
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:3px solid #4a3097;
  outline-offset:3px;
}
@media (hover:hover) and (pointer:fine){
  /* v1.2.0: .filter-bar a:hover dropped from this list -- the filter links
     answer a hover with an underline and nothing else, no lift. */
  .square-card > a:hover,
    .home-latest-card > a:hover{
      transform:translateY(-1px);
    }
}
/* Keep keyboard focus treatment, but do not alter element transforms. */
/* v1.2.0: .filter-bar a:focus-visible dropped -- a box-shadow ring is a box,
   and these links are meant to carry no box in any state. Keyboard focus there
   is an outline instead (further down this file). */
.square-card > a:focus-visible,
.home-trpg-card > a:focus-visible,
.home-latest-card > a:focus-visible,
.post-nav a:focus-visible,
.pagination a:focus-visible{
  box-shadow:0 0 0 3px rgba(74,48,151,.16);
}
@media (min-width:901px){
  .site-footer > span:last-child{
      display:none;
    }
}

.pagination a:hover,
.pagination a:focus-visible{
  color:#c3b4f5;
}
@media (min-width:901px){
  body.post-type-archive-jetpack-portfolio .site-main .site-footer > span,
    body.tax-jetpack-portfolio-type .site-main .site-footer > span,
    body.tax-jetpack-portfolio-tag .site-main .site-footer > span{
      display:none;
    }
}
@media (min-width:901px){
  body.single-jetpack-portfolio .site-main .site-footer > span{
      display:none;
    }
}
/* Copyright is now on the content surface, not in the dark footer. */
@media (min-width:901px){
  body.home .site-main .site-footer > span:first-child,
    body.page:not(.home) .site-main .site-footer > span,
    body.single-post .site-main .site-footer > span,
    body.single-trpg-log .site-main .site-footer > span,
    body.post-type-archive-trpg-log .site-main .site-footer > span,
    body.tax-trpg-system .site-main .site-footer > span,
    body.tax-trpg-category .site-main .site-footer > span{
      display:none;
    }
}
@media (min-width:901px){
  body.blog .site-main .site-footer > span,
    body.category .site-main .site-footer > span{
      display:none;
    }
}
/* Copyright/navigation have moved into the page designs.
   Do not let the legacy footer contents return below 901px. */
.site-main .site-footer > span{
  display:none;
}
.paper-page-footer-links a:hover,
.paper-page-footer-links a:focus-visible{
  color:#4a3097;
  text-decoration:underline;
  text-underline-offset:3px;
}
/* v1.1.26: three-link policy/contact footer. */
.home-policy-tape:nth-child(3n+1)::before{
  transform:rotate(-.55deg);
}
.home-policy-tape:nth-child(3n+2)::before{
  transform:rotate(.55deg);
}
.site-main > main.wrap > .contact-entry{
  background-color:#fffaf2;
}
@media (min-width:901px){
  body.page:not(.home) .contact-entry{
      width:100%;
      max-width:none;
    }
}
.entry-meta a:hover,
.entry-meta a:focus-visible{
  color:var(--deep-red);
  text-decoration-color:currentColor;
}
/* v1.1.98: two chip rules used to sit here -- a pale #e3dfef box on hover and
   a solid #4a3097 box on hovering the current category -- and the rule further
   down this same file set every one of those states back to transparent. They
   never showed, so they were never noticed; but with `transition:
   background-color .14s` on the link, any situation where the cancelling half
   is missing or late produces exactly one symptom: a square that fades in under
   the cursor. Removed, so there is nothing left to fade in.
   Hover feedback is the 1px lift in 01-base.css, and the current category is
   marked by the highlighter stroke on ::after. */
/* v1.2.0: `text-decoration:none` on the current filter link moved out -- the
   current link is exactly the one that needs a line. See 05-archive.css. */
main.notes-archive-page .square-card:nth-child(3n+2)::before,
main.works-archive-page .square-card:nth-child(3n+2)::before{
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 5px,rgba(255,255,255,0) 5px 10px),
    rgba(221,177,67,.46);
}
main.works-archive-page .square-card:nth-child(3n+2)::before{
  border-color:rgba(168,132,44,.12);
  transform:translateX(-50%) rotate(1.2deg);
}
.footer-policy-links,
.site-policy-links,
.pc-ho{
  font-size:.8rem;
}
/* v1.1.92: removed. body is black everywhere already, and `.site` is not a
   class this theme ever renders -- header.php has .site-shell and .site-main.
   Noah Lite leftovers. */
/* v1.2.0: moved to 05-archive.css, where the filter bar lives. */


main.archive-page.notebook-sheet > .filter-bar a:focus-visible{
  outline:2px solid currentColor;
}
.search-summary strong{font-weight:700}
.page-links > .post-page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:32px;
  padding:0 8px;
  border:1px solid rgba(17,11,35,.18);
  color:var(--wine);
}
.page-links > .post-page-numbers.current{
  background:var(--deep-red);
  border-color:var(--deep-red);
  color:#fff;
}
.comment-list ol.children{list-style:none;margin:0 0 0 22px;padding:0}
.comments-area .no-comments{color:var(--wine);font-size:.9rem}