.resource-detail-page{--ink:#292724;--muted:#67625c;--accent:#ff5c35;min-height:100svh;color:var(--ink);background-color:#fff;background-image:linear-gradient(#29272413 1px,#0000 1px),linear-gradient(90deg,#29272413 1px,#0000 1px);background-size:48px 48px;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;overflow-x:hidden}.resource-detail-page>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffd;border-bottom:1px solid #29272429;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.resource-detail-page>header img{width:178px;height:auto;display:block}.resource-detail-page>header nav{align-items:center;gap:28px;display:flex}.resource-detail-page>header nav a{align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.resource-detail-page>header nav a:last-child{background:var(--ink);color:#fff;padding:11px 15px}.resource-detail-page>header svg{width:15px}.resource-detail-page>article{width:min(1040px,88vw);margin:0 auto;padding:clamp(58px,7vw,100px) 0 clamp(70px,9vw,120px)}.resource-detail-intro{max-width:900px;margin-bottom:38px}.resource-detail-intro small{letter-spacing:.16em;color:var(--accent);font:800 10px Arial}.resource-tags,.resource-card-tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.resource-tags span,.resource-card-tags span{color:var(--ink);background:#fff;border:1px solid #29272447;padding:6px 10px;font-size:11px;font-weight:800;line-height:1.2}.resource-tags span:first-child,.resource-card-tags span:first-child{color:#b93818;background:#ff5c351a;border-color:#ff5c3573}.resource-detail-intro h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin:18px 0 0;font-size:clamp(38px,5.1vw,70px);line-height:1.2}.resource-detail-visual{border:1px solid var(--ink);box-shadow:14px 16px 0 var(--ink);background:#fff;padding:clamp(12px,2vw,22px);position:relative}.resource-detail-visual img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.resource-detail-copy{width:min(820px,100%);margin:clamp(50px,7vw,82px) auto 0}.resource-detail-copy>p{color:#514d48;margin:0;font-size:16px;line-height:2}.resource-detail-copy>section{border-top:4px solid var(--accent);background:#fff;margin:42px 0 34px;padding:30px 34px;box-shadow:0 12px 38px #29272417}.resource-detail-copy h2{margin:0 0 20px;font-size:22px}.resource-detail-copy ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.resource-detail-copy li{grid-template-columns:22px 1fr;align-items:start;gap:11px;font-size:15px;line-height:1.75;display:grid}.resource-detail-copy li svg{width:18px;color:var(--accent)}.resource-request-panel{margin-top:34px}.resource-detail-cta{border:1px solid var(--ink);background:var(--accent);color:#1d1c1a;cursor:pointer;width:100%;min-height:66px;box-shadow:8px 8px 0 var(--ink);justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.resource-detail-cta:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(3px,3px)}.resource-detail-cta.is-added{background:#fff}.resource-detail-cta svg{width:20px}.resource-inline-request{color:#fff;background:#292724;margin-top:38px;padding:clamp(26px,5vw,52px)}.resource-inline-request>header small{letter-spacing:.17em;color:#ff9a82;font:800 9px Arial}.resource-inline-request>header h2{margin:12px 0 10px;font-size:clamp(26px,4vw,40px)}.resource-inline-request>header p{color:#d7d3ce;margin:0;font-size:14px;line-height:1.8}.resource-inline-request>ol{justify-content:center;align-items:center;gap:0;width:min(460px,100%);margin:22px auto 24px;padding:0;list-style:none;display:flex}.resource-inline-request>ol li{color:#aaa49e;letter-spacing:.06em;white-space:nowrap;border:1px solid #6d6862;flex:1;justify-content:center;align-items:center;height:28px;padding:0 12px;font:700 10px/1 Arial;display:flex}.resource-inline-request>ol li+li{border-left:0}.resource-inline-request>ol li[aria-current=step]{border-color:var(--accent);background:var(--accent);color:#211f1d}.resource-inline-request form{gap:17px;display:grid}.resource-inline-request form>label:not(.resource-check){gap:8px;font-size:13px;font-weight:700;display:grid}.resource-inline-request input:not([type=checkbox]),.resource-inline-request textarea{color:#292724;width:100%;font:inherit;background:#fff;border:1px solid #77716b;border-radius:0;outline:none;padding:14px 15px}.resource-inline-request input:not([type=checkbox]):focus,.resource-inline-request textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #ff5c3547}.resource-inline-request form>button[type=submit]{background:var(--accent);color:#211f1d;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;min-height:58px;font-size:14px;font-weight:800;display:flex}.resource-inline-request form>button svg{width:18px}.resource-check{color:#d7d3ce;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;display:flex}.resource-check input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:1px}.resource-check a{text-decoration:underline}.resource-email-confirm{color:#fff;background:#3a3733;margin:0;padding:12px 14px;font-size:12px}.resource-form-back{color:#ddd;cursor:pointer;background:0 0;border:0;text-decoration:underline}.resource-form-error{color:#ffb2a0;margin:0;font-size:12px}.resource-request-complete{text-align:center}.resource-request-complete>svg{width:42px;height:42px;color:var(--accent)}.resource-request-complete h2{margin:16px 0 8px}.resource-request-complete p{color:#d7d3ce}.resource-request-complete button{color:#fff;cursor:pointer;background:0 0;border:1px solid #827b74;align-items:center;gap:8px;margin:20px auto 0;padding:11px 15px;display:flex}.resource-request-complete button svg{width:16px}.resource-recommendations{background:#f5f3ef;border-top:1px solid #2927241f;padding:clamp(60px,8vw,100px) max(5vw,50vw - 590px);overflow:hidden}.resource-recommendations>header{justify-content:space-between;align-items:end;gap:24px;display:flex}.resource-recommendations>header small{letter-spacing:.17em;color:var(--accent);font:800 9px Arial}.resource-recommendations>header h2{letter-spacing:-.045em;margin:14px 0 34px;font-size:clamp(28px,4vw,48px)}.resource-recommendations>header nav{gap:8px;margin-bottom:34px;display:flex}.resource-recommendations>header button{border:1px solid var(--ink);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;place-items:center;display:grid}.resource-recommendations>header button svg{width:18px}.resource-recommendation-track{scrollbar-width:none;gap:22px;display:flex;overflow-x:auto}.resource-recommendation-track::-webkit-scrollbar{display:none}.resource-recommendation-track>article{background:#fff;border:1px solid #d3cec8;flex-direction:column;flex:0 0 min(360px,31vw);min-width:0;display:flex}.resource-recommendation-thumb{aspect-ratio:16/9;background:#ede9e4;margin:12px 12px 0;display:block;overflow:hidden;padding:0!important}.resource-recommendation-track .resource-recommendation-thumb img{aspect-ratio:auto;object-fit:cover;object-position:center;width:100%;height:100%;display:block}.resource-recommendation-track article>section{flex-direction:column;flex:1;padding:18px;display:flex}.resource-recommendation-track section>small{color:var(--accent);letter-spacing:.09em;font:800 8px Arial}.resource-card-tags{margin-top:10px}.resource-card-tags span{padding:5px 8px;font-size:10px}.resource-recommendation-track h3{margin:10px 0 12px;font-size:20px;line-height:1.5}.resource-recommendation-track p{color:#625d57;margin:0 0 18px;font-size:12px;line-height:1.75}.resource-recommendation-detail{border-top:1px solid #ddd;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 0;font-size:11px;font-weight:800;display:flex}.resource-recommendation-detail svg{width:15px}.resource-recommendation-track section>button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:8px;font-size:12px;font-weight:800;display:flex}.resource-recommendation-track section>button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.resource-recommendation-track section>button:disabled{cursor:not-allowed;opacity:.45}.resource-recommendation-track section>button svg{width:16px}.resource-all-link{border-bottom:1px solid var(--ink);align-items:center;gap:9px;width:max-content;margin:30px 0 0 auto;padding-bottom:5px;font-size:13px;font-weight:800;display:flex}.resource-all-link svg{width:16px}.resource-not-found{text-align:center;place-content:center;gap:20px;min-height:100svh;display:grid}.resource-not-found a{justify-content:center;align-items:center;gap:8px;display:flex}@media (max-width:760px){.resource-detail-page{background-size:36px 36px}.resource-detail-page>header{height:62px;padding-inline:5vw}.resource-detail-page>header img{width:130px}.resource-detail-page>header nav{gap:10px}.resource-detail-page>header nav a{font-size:10px}.resource-detail-page>header nav a:last-child{display:none}.resource-detail-page>article{width:90vw;padding:42px 0 70px}.resource-detail-intro{margin-bottom:25px}.resource-detail-intro h1{font-size:34px;line-height:1.3}.resource-detail-visual{box-shadow:8px 9px 0 var(--ink);padding:8px}.resource-detail-copy{margin-top:42px}.resource-detail-copy>p{font-size:14px;line-height:1.9}.resource-detail-copy>section{margin:32px 0 28px;padding:23px 20px}.resource-detail-copy h2{font-size:20px}.resource-detail-copy li{font-size:13px}.resource-detail-cta{min-height:58px;box-shadow:6px 6px 0 var(--ink);font-size:14px}.resource-inline-request{margin-top:30px;padding:25px 20px}.resource-inline-request>ol{margin-top:22px}.resource-recommendations{padding:58px 5vw}.resource-recommendations>header{align-items:flex-start}.resource-recommendations>header h2,.resource-recommendations>header nav{margin-bottom:24px}.resource-recommendations>header button{width:40px;height:40px}.resource-recommendation-track{scroll-snap-type:x mandatory;gap:14px}.resource-recommendation-track>article{scroll-snap-align:start;flex-basis:82vw}.resource-recommendation-track h3{font-size:18px}.resource-recommendation-track p{font-size:12px}.resource-all-link{margin-top:22px}}
