/* Article pages and the compact LP guide preview. */
.conversion-panel{margin-bottom:24px}.conversion-panel__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.conversion-panel__heading h2{margin:0}.conversion-panel__heading>p{max-width:420px;margin:0;color:var(--muted);font-size:12px}.conversion-stats{margin-bottom:0}
.store-header nav form{display:inline-flex;margin:0}.store-header nav button{border:0;padding:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:650;cursor:pointer}.store-header nav button:hover{color:var(--blue)}
.admin-login-page{background:#11151d}.admin-login-page .store-header{background:rgba(17,21,29,.94);border-color:rgba(255,255,255,.12)}.admin-login-page .store-brand{color:#f3f5f8}.admin-login-page .store-header nav{display:none}.admin-login-page .store-main{display:grid;align-items:center;width:min(960px,calc(100% - 32px));min-height:calc(100vh - 160px);padding:58px 0}.admin-login{display:grid;grid-template-columns:1fr 440px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#1a202b;color:#f4f6fa;box-shadow:0 30px 90px rgba(0,0,0,.4)}.admin-login__intro{display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;padding:52px;background:radial-gradient(circle at 65% 20%,rgba(18,92,230,.3),transparent 42%),#151a23}.admin-login__intro h1{margin:0 0 22px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:58px;font-weight:500}.admin-login__intro>p:last-child{margin:0;color:#aeb7c8;font-size:13px;line-height:2}.admin-login__form{align-self:stretch;padding:54px 46px;background:#f2f0e9;color:#171714}.admin-login__label{margin:0 0 38px;color:#747068;font-size:9px;letter-spacing:.2em}.admin-login__form .field{margin-bottom:24px}.admin-login__form .field input{border:0;border-bottom:1px solid #817d74;border-radius:0;background:transparent}.admin-login__form .btn{margin-top:12px;border-radius:0;background:#171714;box-shadow:none}.admin-login__note{margin:16px 0 0;color:#767169;font-size:10px;text-align:center}.admin-login__form .notice{margin-bottom:24px}
@media(max-width:760px){.admin-login{grid-template-columns:1fr}.admin-login__intro{min-height:auto;padding:38px 26px}.admin-login__intro h1{font-size:42px}.admin-login__form{padding:38px 26px}}
.guide-preview__grid{display:grid;grid-template-columns:1fr;gap:18px}
.guide-preview__grid article{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);grid-template-rows:auto 1fr auto;column-gap:32px;min-width:0;border-top:1px solid var(--line);padding-top:16px}
.guide-preview__media{grid-row:1/4;display:block;height:220px;overflow:hidden;background:#101827}
.guide-preview__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.guide-preview__media:hover img{transform:scale(1.035)}
.guide-preview__grid p{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em}
.guide-preview__grid p span{color:var(--muted);letter-spacing:.04em}
.guide-preview__grid h3{margin:0;font-size:clamp(17px,1.7vw,23px);line-height:1.55}
.guide-preview__grid h3 a{color:var(--ink);text-decoration:none}
.guide-preview__grid h3 a:hover{color:var(--blue)}
.guide-preview__grid article>div{align-self:end;color:var(--muted);font-size:13px;line-height:1.9}
.guide-preview__all{display:flex;align-items:center;justify-content:space-between;max-width:330px;margin:34px 0 0 auto;padding:15px 0;border-bottom:1px solid var(--ink);color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}

.guide-page{background:#efede7;color:#191916}
.guide-page .store-header{background:rgba(239,237,231,.94);border-color:#c9c5bb}
.guide-page .store-main{width:min(1240px,calc(100% - 48px));padding-top:0}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.6fr);align-items:end;min-height:420px;padding:72px 0 58px;border-bottom:1px solid #a9a59b}
.guide-hero .page-kicker{grid-column:1/-1;color:#625d52}
.guide-hero h1{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:clamp(56px,8vw,116px);font-weight:400;letter-spacing:-.07em;line-height:.95}
.guide-hero>p:last-child{max-width:420px;margin:0 0 7px;color:#656158;font-size:14px;line-height:2}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;padding:72px 0}
.guide-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;padding:30px 0;border-top:1px solid #aaa69c}
.guide-card__media{display:block;min-height:230px;overflow:hidden;background:#d7d2c6}
.guide-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .5s ease,filter .5s ease}
.guide-card__media:hover img{transform:scale(1.03);filter:saturate(1)}
.guide-card__body>p{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;color:#6b665b;font-size:9px;letter-spacing:.16em}
.guide-card__body h2{margin:0 0 14px;font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:clamp(21px,2.1vw,30px);font-weight:500;line-height:1.45}
.guide-card__body h2 a{color:#191916}.guide-card__body>div{color:#666158;font-size:12px;line-height:1.9}
.guide-card__link{display:flex;justify-content:space-between;margin-top:24px;padding:10px 0;border-bottom:1px solid #25251f;color:#25251f;font-size:11px;font-weight:700}
.guide-card__link:hover{text-decoration:none}
.guide-article{max-width:1060px;margin:0 auto}
.guide-article__header{padding:62px 0 44px;text-align:center}
.guide-article__header nav{display:flex;justify-content:center;gap:8px;margin-bottom:50px;color:#777269;font-size:10px;letter-spacing:.12em}
.guide-article__header nav a{color:#5d594f}
.guide-article__header h1{max-width:920px;margin:12px auto 26px;font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;font-size:clamp(38px,6vw,72px);font-weight:400;letter-spacing:-.04em;line-height:1.25}
.guide-article__meta{display:flex;justify-content:center;gap:18px;color:#6b675e;font-size:10px;letter-spacing:.08em}
.guide-article__cover{height:min(58vw,620px);margin:0;overflow:hidden;background:#d4d0c5}
.guide-article__cover img{width:100%;height:100%;object-fit:cover}
.guide-article__content{width:min(720px,calc(100% - 32px));margin:0 auto;padding:70px 0 100px}
.guide-article__lead{margin:0 0 74px;padding:0 0 42px;border-bottom:1px solid #aaa69c;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(18px,2.2vw,25px);line-height:2}
.guide-article__content>section{position:relative;padding:0 0 62px 66px}
.guide-article__content>section>span{position:absolute;top:6px;left:0;color:#7c776d;font-family:Georgia,serif;font-size:12px}
.guide-article__content>section h2{margin:0 0 20px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.5}
.guide-article__content>section p{margin:0;color:#555149;font-size:15px;line-height:2.15}
.guide-article__cta{margin-top:20px;padding:46px;background:#191916;color:#efede7}
.guide-article__cta p{margin:0 0 12px;color:#bfb8a8;font-size:9px;letter-spacing:.16em}
.guide-article__cta h2{margin:0 0 28px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:27px;font-weight:500}
.guide-article__cta .btn{background:#efede7;color:#191916;box-shadow:none}
.guide-related{padding:62px 0 90px;border-top:1px solid #aaa69c}
.guide-related>h2{margin:0 0 34px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:40px;font-weight:500}
.guide-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guide-related__grid a{display:grid;grid-template-columns:1fr auto;gap:12px;min-height:170px;padding:26px;border:1px solid #aaa69c;color:#191916}
.guide-related__grid span{grid-column:1/-1;color:#777269;font-size:9px;letter-spacing:.15em}
.guide-related__grid strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px;line-height:1.65}
.guide-related__grid b{align-self:end;font-weight:400}
.guide-related__grid a:hover{background:#191916;color:#efede7;text-decoration:none}

@media(max-width:900px){.guide-hero{grid-template-columns:1fr;gap:30px;min-height:360px}.guide-grid{grid-template-columns:1fr}.guide-related__grid{grid-template-columns:1fr}}
@media(max-width:700px){
  .guide-preview__grid article{display:block}.guide-preview__media{height:210px;margin-bottom:18px}.guide-preview__grid article>div{margin-top:12px}.guide-preview__all{max-width:none;margin-top:28px}
  .guide-page .store-main{width:min(100% - 24px,1240px)}.guide-page .store-header nav a:nth-child(2){display:none}
  .guide-hero{padding:48px 0 42px}.guide-hero h1{font-size:52px}.guide-grid{padding:42px 0}
  .guide-card{grid-template-columns:1fr;gap:18px;padding:26px 0}.guide-card__media{height:230px}
  .guide-article__header{padding:40px 0 30px}.guide-article__header nav{margin-bottom:34px}.guide-article__cover{height:60vw;min-height:260px}
  .guide-article__content{padding:48px 0 70px}.guide-article__lead{margin-bottom:52px}.guide-article__content>section{padding:0 0 48px 38px}.guide-article__cta{padding:30px 24px}
}
