/* The Details — the blog post and the journal page (journal.php), Simone's designs of 2026-10-01 ported as rendered:
   Website Design System tokens (ink · white · hairlines), Noto Serif 400 titles, Montserrat, square pictures, 96px rhythm.
   Muted text is #6F6A5E rather than the design's #8A8477, which fails WCAG AA at these sizes (same call as blog.css).
   Everything is scoped to .bj so the theme reset and the Elementor kit can't reach in, and nothing here leaks out. */
.bj{--ink:#171717;--body:#4a453d;--mut:#6F6A5E;--line:#E0DDD6;--white:#fff;--serif:'Noto Serif',Georgia,serif;--sans:'Montserrat',-apple-system,system-ui,sans-serif;
	font-family:var(--sans);font-size:17px;line-height:1.45;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
.bj *,.bj *::before,.bj *::after{box-sizing:border-box}
.bj p,.bj ul,.bj figure,.bj h1,.bj h2,.bj h3{margin:0;padding:0}
.bj a{color:inherit;text-decoration:none}
.bj img{display:block;max-width:100%;height:auto}
.bj [id]{scroll-margin-top:120px}
.bj a:focus-visible,.bj summary:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px}
.bj .bj-cover-h1,.bj h2,.bj h3,.bj .bj-mast-h1{font-family:var(--serif);font-weight:400;line-height:1.08;color:var(--ink);text-wrap:balance;letter-spacing:normal;text-transform:none}
@media (prefers-reduced-motion:reduce){.bj *{transition:none!important}}

.bj .bj-wide,.bj .bj-col{max-width:760px;margin:0 auto;padding-inline:40px}
.bj .bj-wrap{max-width:1120px;margin:0 auto;padding-inline:40px}
@media(max-width:640px){.bj .bj-wide,.bj .bj-col,.bj .bj-wrap{padding-inline:20px}}
.bj .bj-eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:#8a8477}
.bj .bj-cat{display:block;font-size:14px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:#8a8477}
.bj .bj-tl{display:inline-flex;gap:7px;align-items:baseline;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:2px;transition:transform .2s}
.bj .bj-tl:hover,.bj a:hover>div>.bj-tl{transform:translateX(4px)}
.bj .bj-center{text-align:center}
.bj .bj-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:18px}
.bj .bj-links.bj-center{justify-content:center;margin-top:40px}
.bj .bj-more{margin-top:34px}

/* ---------- post: cover ---------- */
.bj .bj-cover{padding-top:72px}
.bj .bj-cover-h1{font-size:clamp(44px,5.4vw,72px);line-height:1.02;letter-spacing:-.02em;margin:18px 0 40px}
.bj .bj-cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.bj .bj-cover-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-intro{font-size:clamp(19px,1.5vw,22px);line-height:1.4;letter-spacing:-.015em;color:var(--ink)}
.bj .bj-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;font-size:14px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--mut)}
@media(max-width:700px){.bj .bj-cover-grid{grid-template-columns:1fr;gap:28px}}

/* ---------- post: key takeaways ---------- */
.bj .bj-take{margin-top:96px;border-top:1.5px solid var(--ink);padding-top:26px}
.bj .bj-tk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:14px}
.bj .bj-tk li{border-bottom:1px solid var(--line);min-width:0}
.bj .bj-tk a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:16px;color:var(--ink)}
.bj .bj-tk a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bj .bj-tk a i{font-style:normal;transition:transform .2s}
.bj .bj-tk a:hover i{transform:translateX(4px)}
@media(max-width:600px){.bj .bj-tk{grid-template-columns:1fr}.bj .bj-tk a span{white-space:normal}}

/* ---------- post: the article ---------- */
.bj .bj-prose{padding-top:96px}
.bj .bj-prose>*:first-child{margin-top:0}
.bj .bj-prose h2{font-size:clamp(25px,1.8vw,30px);line-height:1.08;letter-spacing:-.01em;margin:56px 0 18px}
.bj .bj-prose h3{font-size:clamp(21px,1.5vw,24px);line-height:1.15;margin:36px 0 12px}
.bj .bj-prose p,.bj .bj-prose li{font-size:17px;line-height:1.45;color:var(--body)}
.bj .bj-prose p{margin:0 0 18px;max-width:62ch}
.bj .bj-prose ul,.bj .bj-prose ol{margin:0 0 18px;padding-left:1.25em}
.bj .bj-prose li{margin-bottom:6px}
.bj .bj-prose a{color:var(--ink);border-bottom:1px solid var(--ink)}
.bj .bj-prose strong{color:var(--ink);font-weight:600}
.bj .bj-prose figure{margin:28px 0 28px;max-width:100%}
.bj .bj-prose figure img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-prose figcaption{font-size:14px;line-height:1.45;font-style:normal;color:var(--mut);margin-top:10px;text-align:left}
.bj .bj-prose blockquote{margin:28px 0;padding-left:20px;border-left:1.5px solid var(--ink);font-family:var(--serif);font-size:22px;line-height:1.35;color:var(--ink)}

/* ---------- post: related links + FAQ ---------- */
.bj .bj-related{margin-top:56px;padding-top:22px;border-top:1px solid var(--line)}
.bj .bj-faqs{margin-top:56px}
.bj .bj-stitle{font-size:clamp(38px,3vw,50px);line-height:1.05;letter-spacing:-.015em;margin-top:18px}
.bj .bj-faqs .bj-stitle{font-size:clamp(28px,2.4vw,36px);margin-top:0}
.bj .bj-faq{margin-top:22px;border-top:1.5px solid var(--ink)}
.bj .bj-faq details{border-bottom:1px solid var(--line)}
.bj .bj-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:22px 2px;font-family:var(--serif);font-size:clamp(21px,1.6vw,25px);line-height:1.25;color:var(--ink)}
.bj .bj-faq summary::-webkit-details-marker{display:none}
.bj .bj-faq summary::after{content:"+";flex:none;font-family:var(--sans);font-size:22px;line-height:1}
.bj .bj-faq details[open] summary::after{content:"\2212"}
.bj .bj-a{padding:0 2px 22px;color:var(--body);max-width:60ch;font-size:17px;line-height:1.45}
.bj .bj-a p{margin:0 0 12px}.bj .bj-a p:last-child{margin-bottom:0}
.bj .bj-a a{color:var(--ink);border-bottom:1px solid var(--ink)}

/* ---------- post: the connection bands ---------- */
.bj .bj-band{padding-block:96px;margin-top:96px;border-top:1px solid var(--line)}
.bj .bj-band+.bj-band{margin-top:0}
.bj .bj-head{max-width:60ch}
.bj .bj-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}
.bj .bj-row4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px}
@media(max-width:700px){.bj .bj-row3{grid-template-columns:1fr;gap:34px}}
.bj .bj-tile{display:block;min-width:0}
.bj .bj-shot{display:block;aspect-ratio:1/1;overflow:hidden;background:#f3f2ef}
.bj .bj-shot img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.bj .bj-tile:hover .bj-shot img{transform:scale(1.04)}
.bj .bj-tile .bj-cat{margin:16px 0 6px}
.bj .bj-tile h3{font-size:clamp(21px,1.6vw,24px);line-height:1.2;margin:0}
.bj .bj-row3 .bj-tile h3{font-size:clamp(20px,1.6vw,24px)}
.bj .bj-ar{font-style:normal;font-family:var(--sans);font-size:.8em;display:inline-block;transition:transform .2s}
.bj .bj-tile:hover .bj-ar{transform:translateX(4px)}

/* the Finish Gallery's own "Living Finish Explained" block */
.bj .bj-fg{text-align:center}
.bj .bj-fg-h{font-size:38px;line-height:1.1}
.bj .bj-fg-lead{font-size:19px;line-height:1.5;color:var(--ink);max-width:46ch;margin:18px auto 0}
.bj .bj-fg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.bj .bj-fg3 img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-fg3 h3{font-size:25px;line-height:1.1;margin-top:20px}
.bj .bj-fg3 p{font-size:16px;line-height:1.5;color:var(--ink);margin-top:10px}
@media(max-width:600px){.bj .bj-fg3{grid-template-columns:1fr}}

/* ---------- post: Visit Bradford, last ---------- */
.bj .bj-vb{padding-block:96px;border-top:1px solid var(--line)}
.bj .bj-vb-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:center}
.bj .bj-vb-h{font-size:clamp(28px,2.4vw,34px);line-height:1.05;letter-spacing:-.015em;margin:18px 0}
.bj .bj-vb-body{color:var(--body);max-width:36ch}
.bj .bj-vb-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}
.bj .bj-vb-det{margin-top:30px;font-size:15px;line-height:1.7;color:var(--body)}
.bj .bj-vb-det b{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
.bj .bj-vb-det a{color:var(--body)}
.bj .bj-vb img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media(max-width:700px){.bj .bj-vb-grid{grid-template-columns:1fr;row-gap:30px}}

/* ---------- The Details ---------- */
.bj .bj-mast{padding-block:88px 56px;text-align:center;border-bottom:1.5px solid var(--ink)}
.bj .bj-mast-h1{font-size:clamp(48px,6vw,84px);letter-spacing:-.02em;margin-top:14px}
.bj .bj-mast-p{font-size:clamp(19px,1.6vw,23px);line-height:1.4;max-width:34ch;margin:18px auto 0;color:var(--ink)}
.bj .bj-sec{padding-block:96px;border-bottom:1px solid var(--line)}
.bj .bj-sec.bj-last{border-bottom:0}
.bj .bj-sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 30px}
.bj .bj-h2{font-size:clamp(34px,3vw,46px);letter-spacing:-.015em;margin-top:14px}
.bj .bj-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.bj .bj-pc{display:block;min-width:0}
.bj .bj-pc .bj-shot img{transition:transform .5s}
.bj .bj-pc:hover .bj-shot img{transform:scale(1.03)}
.bj .bj-pc-t{font-size:clamp(22px,1.8vw,28px);margin-top:18px}
.bj .bj-go{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1.5px solid var(--ink);padding-bottom:2px}
@media(max-width:760px){.bj .bj-paths{grid-template-columns:1fr}}
.bj .bj-cover-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:40px}
.bj .bj-cover-card>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-cover-t{font-size:clamp(34px,3.2vw,48px);letter-spacing:-.015em;margin-top:12px}
.bj .bj-cover-p{font-size:clamp(19px,1.5vw,22px);line-height:1.45;margin-top:18px;max-width:34ch}
.bj .bj-cover-card .bj-tl,.bj .bj-feat .bj-tl{margin-top:28px}
@media(max-width:820px){.bj .bj-cover-card{grid-template-columns:1fr;gap:26px}}
.bj .bj-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.bj .bj-row.bj-r2{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.bj .bj-row.bj-r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bj .bj-row.bj-r2+.bj-row.bj-r4{margin-top:48px}
.bj .bj-row .bj-tile h3{font-size:clamp(20px,1.6vw,24px);margin-top:6px}
.bj .bj-row .bj-tile .bj-cat{margin:16px 0 0}
.bj .bj-tile.bj-big h3{font-size:clamp(24px,2vw,30px)}
@media(max-width:900px){.bj .bj-row.bj-r4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bj .bj-row,.bj .bj-row.bj-r2{grid-template-columns:1fr;gap:34px}}
.bj .bj-feat{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:40px}
.bj .bj-feat>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-feat-t{font-size:clamp(34px,3vw,46px);margin-top:10px}
.bj .bj-feat-p{font-size:clamp(19px,1.5vw,22px);line-height:1.45;margin-top:16px;max-width:30ch}
.bj .bj-feat+.bj-row{margin-top:48px}
@media(max-width:760px){.bj .bj-feat{grid-template-columns:1fr;gap:22px}}
.bj .bj-show{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bj .bj-show>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bj .bj-show .bj-h2{margin-top:18px}
.bj .bj-show-p{color:var(--body);margin-top:18px;max-width:40ch}
.bj .bj-show .bj-tl{margin-top:28px}
@media(max-width:760px){.bj .bj-show{grid-template-columns:1fr;gap:28px}}

/* ---------- the end of a page: "Keep exploring" above the footer (connect.php page_end) ---------- */
.bj.bj-pageend{padding-block:96px;border-top:1px solid var(--line);margin:0}
/* matched to the site's own "Keep exploring" band (template 101205, measured 2026-10-06): 1160 content width, label 14/700 .12em,
   h2 Noto Serif 42/1.2 (30 on phones) 16px under the label */
.bj.bj-pageend .bj-wrap{max-width:1200px;padding-inline:20px}
.bj.bj-pageend .bj-pe-h{font-size:42px;line-height:1.2;letter-spacing:normal;margin-top:16px}
@media(max-width:767px){.bj.bj-pageend .bj-wrap{padding-inline:24px}.bj.bj-pageend .bj-pe-h{font-size:30px}}
/* Hardware 101 guide cards: the guide's PDF cover as a little booklet on grey (Simone's guide-tile mockup, 2026-10-11;
   connect.php tile() + option bhf_guide_covers) */
.bj .bj-shot.bj-book{position:relative;background:#f3f3f3}
.bj .bj-shot.bj-book>span,.bj .bj-shot.bj-book>img{position:absolute;left:19%;top:7%;width:62%;height:auto;aspect-ratio:612/792;box-sizing:border-box}
.bj .bj-shot.bj-book>span{border:1px solid #d6d6d6;background:#fff}
.bj .bj-shot.bj-book>span:first-child{transform:translate(3.2%,2.4%)}
.bj .bj-shot.bj-book>span:nth-child(2){transform:translate(1.6%,1.2%)}
.bj .bj-shot.bj-book>img{object-fit:cover;border:1px solid #cfcfcf}

/* ---------- project pages (projects.php): the hand-built /project-the-wilderness/ (74741) ported value for value, scoped to
   .bp, then Simone's revised layout (2026-10-10/11 mockups, bhf 1.17.0): a square cover picture beside the title, square story
   pictures, "Project photos" with a viewer instead of "Used throughout", no source line. */
.bp{--ink:#171717;--mut:#6a6a62;--line:#e4e0d6;--soft:#f7f6f3;color:var(--ink);font-family:"Montserrat",system-ui,sans-serif;line-height:1.6;background:#fff;
	width:calc(100% - 20px);max-width:1140px;margin:0 auto}
.bp *{box-sizing:border-box}
.bp img{max-width:100%;height:auto;display:block}
.bp a{color:inherit}
.bp .bp-w{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.bp .bp-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a8477;margin:0 0 16px}
.bp .bp-h1{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,62px);line-height:1.05;margin:0 0 16px;letter-spacing:-.015em;color:var(--ink);text-transform:none}
/* cover */
.bp .pcov{padding-top:96px}
.bp .pcov-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bp .pcov-grid.pcov-solo{grid-template-columns:1fr}
.bp .pcov-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bp .pcov-txt{min-width:0}
.bp .pcov-txt .bp-eyebrow{margin:0;font:700 14px/1.2 "Montserrat",system-ui,sans-serif;letter-spacing:.12em;color:#8a8477}
.bp .pcov-txt .bp-h1{margin:18px 0 22px;font-size:clamp(40px,4.4vw,64px);line-height:1.04;text-wrap:balance}
.bp .pcov-sub{font-size:20px;line-height:1.5;color:#4a453d;margin:0;max-width:30ch;text-wrap:balance}
.bp .pcov-foot{display:grid;gap:18px;margin-top:32px}
.bp .pcov-rule{height:1px;background:#e0ddd6;width:120px}
.bp .pcov-meta{font-size:14px;font-weight:700;line-height:1.9;letter-spacing:.055em;text-transform:uppercase;color:var(--ink)}
.bp .bp-sec{padding:clamp(48px,6vw,86px) 0}
.bp .bp-h2{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:clamp(26px,3vw,38px);margin:0 0 18px;line-height:1.15;color:var(--ink);letter-spacing:normal;text-transform:none}
.bp .bp-sn{font-family:"Montserrat",system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8a8477;margin:0 0 14px;line-height:1.6}
.bp .bp-body p,.bp .bp-p{font-size:17px;line-height:1.72;color:#3a3a36;max-width:62ch;margin:0 0 16px}
.bp .bp-body a{color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}
.bp .bp-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.bp .bp-two img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bp .bp-hw{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.bp .bp-hw img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--soft)}
.bp .bp-spec{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}
.bp .bp-spec li{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:18px;align-items:baseline;margin:0}
.bp .bp-spec b{font-family:"Montserrat",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);min-width:96px;flex:none}
.bp .bp-why-p{font-family:"Noto Serif",Georgia,serif;font-size:clamp(20px,2.1vw,26px);line-height:1.5;max-width:56ch;color:var(--ink);margin:0}
.bp .bp-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bp .bp-grid4 img{width:100%;aspect-ratio:1/1;object-fit:cover}
.bp .bp-grid4 figure{margin:0}
.bp .bp-photos img{cursor:zoom-in}
.bp .bp-photos img:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.bp .bp-creds{border-top:1px solid var(--line);padding:34px 0 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.bp .bp-creds div span{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.bp .bp-creds div b{font-weight:400;font-family:"Noto Serif",Georgia,serif;font-size:16px}
@media(max-width:860px){.bp .bp-two,.bp .bp-hw{grid-template-columns:1fr}.bp .bp-grid4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.bp .pcov{padding-top:48px}.bp .pcov-grid{grid-template-columns:1fr;gap:28px}.bp .pcov-foot{margin-top:28px}}
/* the photo viewer (moved to <body> by bhf-project.js) */
.pp-modal{display:none;position:fixed;inset:0;z-index:2147483000;background:rgba(23,23,23,.55);padding:27px 16px;align-items:flex-start;justify-content:center;font-family:"Montserrat",system-ui,sans-serif;color:#171717}
.pp-modal.on{display:flex}
.pp-sheet{position:relative;background:#fff;padding:40px 44px 48px;width:100%;max-width:1600px;box-sizing:border-box}
.pp-x{position:absolute;top:16px;right:20px;width:32px;height:32px;border:0;background:none;font:400 28px/28px "Montserrat",sans-serif;color:#171717;cursor:pointer;z-index:2;padding:0}
.pp-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px}
.pp-stage{position:relative;background:#f0f0f0;aspect-ratio:1/1;max-height:calc(100vh - 142px);margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:calc(100vh - 142px)}
.pp-stage img{width:100%;height:100%;object-fit:contain;display:block;background:#f0f0f0}
.pp-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font:400 20px/20px "Montserrat",sans-serif;color:#171717;cursor:pointer;z-index:3;padding:0}
.pp-prev{left:14px}
.pp-next{right:14px}
.pp-count{font-size:13px;line-height:1.6;color:#8a8477;margin:0 0 14px}
.pp-row{padding:12px 0;border-bottom:1px solid #eee}
.pp-row .k{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a8477;margin:0 0 4px}
.pp-row .v{font-family:"Noto Serif",Georgia,serif;font-size:20px;line-height:1.3;color:#171717}
.pp-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.pp-btn{display:inline-flex;gap:7px;align-items:center;font:700 12px/1 "Montserrat",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#171717;text-decoration:none;padding:11px 16px;border:1.5px solid #171717}
.pp-btn svg{flex:none}
@media(max-width:900px){.pp-sheet{padding:48px 16px 24px}.pp-detail{grid-template-columns:1fr;gap:20px}.pp-stage{max-width:none}}