/* RUILOG category directory — page 1267 only */
.page-id-1267 {
  --rui-dir-ink:#232426;
  --rui-dir-muted:#858682;
  --rui-dir-line:#deded9;
  --rui-dir-soft:#f7f6f3;
  --rui-dir-card:#fff;
}

.page-id-1267 #content {
  width:min(1380px,calc(100% - 48px)) !important;
  padding-top:68px !important;
  padding-bottom:110px !important;
}
.page-id-1267 #main_content,
.page-id-1267 .l-mainContent__inner {
  width:100% !important;
  max-width:none !important;
}

/* Page opening */
.page-id-1267 .c-pageTitle {
  position:relative;
  margin:0 0 28px !important;
  padding:26px 0 24px !important;
  border:0 !important;
  color:var(--rui-dir-ink);
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",Meiryo,sans-serif;
  font-size:clamp(38px,4.2vw,62px) !important;
  font-weight:500 !important;
  line-height:1.18 !important;
  letter-spacing:-.035em;
}
.page-id-1267 .c-pageTitle::before {
  content:"CATEGORY / DIRECTORY";
  position:absolute;
  top:0;
  left:0;
  color:var(--rui-dir-muted);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.2em;
}
.page-id-1267 .c-pageTitle::after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-top:26px;
  background:var(--rui-dir-line);
}
.page-id-1267 .c-pageTitle__inner { border:0 !important; }
.page-id-1267 .post_content { color:var(--rui-dir-ink); }
.page-id-1267 .post_content > p:first-child {
  max-width:790px;
  margin:0 0 54px !important;
  color:#55575a;
  font-size:16px;
  line-height:2;
}

/* Primary shortcuts */
.page-id-1267 .post_content > .wp-block-columns:first-of-type {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 82px !important;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type > .wp-block-column {
  min-width:0;
  margin:0 !important;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button,
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link {
  width:100%;
  height:100%;
  margin:0 !important;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link {
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:150px;
  padding:64px 22px 22px !important;
  border:1px solid var(--rui-dir-line) !important;
  border-radius:0 !important;
  background:var(--rui-dir-card) !important;
  color:var(--rui-dir-ink) !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1.4;
  text-align:left;
  box-shadow:none !important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link::before {
  position:absolute;
  top:20px;
  left:22px;
  color:#a4a39f;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.18em;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-column:nth-child(1) .wp-block-button__link::before { content:"01 / DESK"; }
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-column:nth-child(2) .wp-block-button__link::before { content:"02 / GADGET"; }
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-column:nth-child(3) .wp-block-button__link::before { content:"03 / XR"; }
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-column:nth-child(4) .wp-block-button__link::before { content:"04 / CAMERA"; }
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link::after {
  content:"↗";
  position:absolute;
  right:20px;
  bottom:20px;
  color:#9d9e9b;
  font-size:15px;
  font-weight:400;
  transition:transform .2s ease,color .2s ease;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link:hover {
  transform:translateY(-3px);
  border-color:#bdbdb8 !important;
  background:#faf9f7 !important;
}
.page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link:hover::after {
  transform:translate(2px,-2px);
  color:var(--rui-dir-ink);
}

/* Editorial category sections */
.page-id-1267 .post_content > h2.wp-block-heading {
  position:relative;
  margin:82px 0 26px !important;
  padding:34px 110px 20px 0 !important;
  border:0 !important;
  border-top:1px solid var(--rui-dir-line) !important;
  background:transparent !important;
  color:var(--rui-dir-ink) !important;
  font-size:clamp(27px,2.6vw,36px) !important;
  font-weight:500 !important;
  line-height:1.42 !important;
  letter-spacing:-.03em;
}
.page-id-1267 .post_content > h2.wp-block-heading:first-of-type {
  margin-top:0 !important;
}
.page-id-1267 .post_content > h2.wp-block-heading::before {
  position:absolute;
  top:13px;
  left:0;
  color:#969793;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.18em;
}
.page-id-1267 .post_content > h2.wp-block-heading::after {
  position:absolute !important;
  top:21px !important;
  right:0 !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  background:none !important;
  color:#ecebe8 !important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:56px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:-.05em;
  transform:none !important;
}
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(1)::before { content:"DESK / GADGET"; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(1)::after { content:"01" !important; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(2)::before { content:"MOBILE / APPLE"; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(2)::after { content:"02" !important; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(3)::before { content:"PHOTO / CAMERA"; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(3)::after { content:"03" !important; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(4)::before { content:"APP / WEB"; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(4)::after { content:"04" !important; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(5)::before { content:"LIFE / HOME"; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(5)::after { content:"05" !important; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6)::before { content:"FAVORITES"; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6)::after { content:"06" !important; }

.page-id-1267 .post_content > h2.wp-block-heading + p {
  max-width:760px;
  margin:0 0 24px !important;
  color:#686a6c;
  font-size:13px;
  line-height:1.9;
}

/* Link directory */
.page-id-1267 .post_content > ul.wp-block-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:42px;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.page-id-1267 .post_content > ul.wp-block-list > li {
  position:relative;
  margin:0 !important;
  padding:16px 34px 16px 0 !important;
  border-bottom:1px solid #ecece8;
  color:#77797a;
  font-size:12.5px;
  line-height:1.7;
}
.page-id-1267 .post_content > ul.wp-block-list > li::before {
  display:none !important;
}
.page-id-1267 .post_content > ul.wp-block-list > li::after {
  content:"→";
  position:absolute;
  top:17px;
  right:2px;
  color:#b5b5b1;
  font-size:12px;
  transition:transform .16s ease,color .16s ease;
}
.page-id-1267 .post_content > ul.wp-block-list > li:hover::after {
  transform:translateX(3px);
  color:var(--rui-dir-ink);
}
.page-id-1267 .post_content > ul.wp-block-list a {
  color:#303235 !important;
  font-size:14px;
  font-weight:600;
  text-decoration:none !important;
  background:none !important;
}
.page-id-1267 .post_content > ul.wp-block-list > li {
  cursor:pointer;
}
.page-id-1267 .post_content > ul.wp-block-list > li > a::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
.page-id-1267 .post_content > ul.wp-block-list > li::after {
  pointer-events:none;
}
.page-id-1267 .post_content > ul.wp-block-list a:hover { opacity:.62; }

/* Favorites CTA */
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6) {
  margin-top:96px !important;
  padding:42px 110px 18px 0 !important;
  background:var(--rui-dir-soft) !important;
  box-shadow:34px 0 0 var(--rui-dir-soft),-34px 0 0 var(--rui-dir-soft);
}
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6)::before { top:21px; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6)::after { top:27px !important; color:#e5e4e0 !important; }
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6) + p {
  max-width:none;
  margin:0 !important;
  padding:0 34px 24px;
  background:var(--rui-dir-soft);
  box-shadow:34px 0 0 var(--rui-dir-soft),-34px 0 0 var(--rui-dir-soft);
}
.page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6) ~ .wp-block-buttons:last-child {
  margin:0 !important;
  padding:0 34px 34px;
  background:var(--rui-dir-soft);
  box-shadow:34px 0 0 var(--rui-dir-soft),-34px 0 0 var(--rui-dir-soft);
}
.page-id-1267 .post_content > .wp-block-buttons:last-child .wp-block-button__link {
  position:relative;
  min-width:240px;
  padding:15px 48px 15px 18px !important;
  border:1px solid #323436 !important;
  border-radius:0 !important;
  background:#323436 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-align:left;
  box-shadow:none !important;
}
.page-id-1267 .post_content > .wp-block-buttons:last-child .wp-block-button__link::after {
  content:"→";
  position:absolute;
  top:50%;
  right:17px;
  transform:translateY(-50%);
  transition:transform .16s ease;
}
.page-id-1267 .post_content > .wp-block-buttons:last-child .wp-block-button__link:hover::after {
  transform:translate(3px,-50%);
}

@media (max-width:959px) {
  .page-id-1267 #content {
    width:min(100% - 36px,840px) !important;
    padding-top:48px !important;
    padding-bottom:90px !important;
  }
  .page-id-1267 .c-pageTitle { font-size:clamp(34px,7vw,48px) !important; }
  .page-id-1267 .post_content > .wp-block-columns:first-of-type {
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-bottom:64px !important;
  }
  .page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link { min-height:126px; }
  .page-id-1267 .post_content > ul.wp-block-list {
    grid-template-columns:1fr;
  }
}

@media (max-width:599px) {
  .page-id-1267 #content {
    width:calc(100% - 28px) !important;
    padding-top:36px !important;
    padding-bottom:78px !important;
  }
  .page-id-1267 .c-pageTitle {
    margin-bottom:22px !important;
    padding-top:22px !important;
    font-size:34px !important;
    line-height:1.28 !important;
  }
  .page-id-1267 .c-pageTitle::after { margin-top:20px; }
  .page-id-1267 .post_content > p:first-child {
    margin-bottom:38px !important;
    font-size:14.5px;
    line-height:1.9;
  }
  .page-id-1267 .post_content > .wp-block-columns:first-of-type {
    gap:9px;
    margin-bottom:48px !important;
  }
  .page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link {
    min-height:108px;
    padding:48px 14px 15px !important;
    font-size:14px !important;
  }
  .page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link::before {
    top:15px;
    left:14px;
    font-size:8px;
  }
  .page-id-1267 .post_content > .wp-block-columns:first-of-type .wp-block-button__link::after {
    right:13px;
    bottom:14px;
  }
  .page-id-1267 .post_content > h2.wp-block-heading {
    margin-top:58px !important;
    padding:29px 72px 14px 0 !important;
    font-size:24px !important;
  }
  .page-id-1267 .post_content > h2.wp-block-heading::before { top:11px; }
  .page-id-1267 .post_content > h2.wp-block-heading::after {
    top:19px !important;
    font-size:44px !important;
  }
  .page-id-1267 .post_content > h2.wp-block-heading + p {
    font-size:12.5px;
  }
  .page-id-1267 .post_content > ul.wp-block-list > li {
    padding:13px 28px 13px 0 !important;
    font-size:11.5px;
  }
  .page-id-1267 .post_content > ul.wp-block-list > li::after { top:14px; }
  .page-id-1267 .post_content > ul.wp-block-list a { font-size:13px; }
  .page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6) {
    margin-top:68px !important;
    padding:36px 72px 15px 0 !important;
    box-shadow:22px 0 0 var(--rui-dir-soft),-22px 0 0 var(--rui-dir-soft);
  }
  .page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6) + p,
  .page-id-1267 .post_content > h2.wp-block-heading:nth-of-type(6) ~ .wp-block-buttons:last-child {
    padding-left:22px;
    padding-right:22px;
    box-shadow:22px 0 0 var(--rui-dir-soft),-22px 0 0 var(--rui-dir-soft);
  }
  .page-id-1267 .post_content > .wp-block-buttons:last-child .wp-block-button,
  .page-id-1267 .post_content > .wp-block-buttons:last-child .wp-block-button__link {
    width:100%;
  }
}