/* GUIDSE Platform detail pages — a four-page editorial system, v2.0.3.
 * Uses only existing brand tokens/typography. No synthetic screenshots/assets.
 * All selectors prefixed gpd- to avoid leakage into existing site pages. */
.gpd { color: var(--gs-text); }
.gpd * { box-sizing: border-box; }
.gpd-chapters { background: var(--gs-surface-dark-2, #121819); border-top: 1px solid rgba(233,236,239,.12); border-bottom: 1px solid rgba(233,236,239,.12); }
.gpd-chapters__inner { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; }
.gpd-chapters__item { display:flex; flex-wrap:wrap; align-items:center; gap: 12px; color:#c2d0d0; padding: 19px 13px; border-bottom:2px solid transparent; text-decoration:none; font: 600 clamp(12px, 1vw, 14px)/1.4 var(--font-heading, 'Sora',sans-serif); transition: color .2s, background .2s; }
.gpd-chapters__item span { color:#64ac9c; font:600 11px/1.5 var(--font-mono,monospace); }
.gpd-chapters__item:hover,.gpd-chapters__item:focus-visible { background:rgba(54,194,160,.07); color:white; }
.gpd-chapters__item.is-current { border-bottom-color:#36c2a0; color:white; background:rgba(54,194,160,.08); }
.gpd-intro .pg-head { margin-bottom:26px; }
.gpd-manifesto { border-left:3px solid var(--gs-primary,#0f6b5b); padding:14px 0 14px 22px; font-size:clamp(18px,2.3vw,26px); font-weight:600; line-height:1.4; max-width:850px; color:var(--gs-text); }
.gpd-kicker,.gpd-disclaimer { font-family:var(--font-mono,monospace); font-size:11px; line-height:1.65; letter-spacing:.08em; }
.gpd-kicker { color:var(--gs-primary-deep,#0f6b5b); text-transform:uppercase; font-weight:600; }
.gpd-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; counter-reset:source; }
.gpd-source { background:var(--gs-surface,#fff); padding:clamp(22px,3vw,38px); min-height:220px; border:1px solid var(--gs-border,#e0e3e2); border-radius:13px; position:relative; overflow:hidden; }
.gpd-source::after { content:''; position:absolute; top:0;right:0;width:94px;height:4px;background:var(--gs-primary,#0f6b5b); opacity:.68; }
.gpd-source h3,.gpd-capabilities h3,.gpd-experiences h3,.gpd-policy h3 { margin:18px 0 12px; color:var(--gs-text); font-size:clamp(18px,2vw,23px); font-weight:600; line-height:1.25; }
.gpd-source p,.gpd-capabilities p,.gpd-experiences p,.gpd-policy p { margin:0; color:var(--gs-text-muted); font-size:15px;line-height:1.75; }
.gpd-visual-section { background: #0b0d0e; color:#e9ecef; }
.gpd-visual-section .pg-head h2 { color:#e9ecef; max-width:24ch; }
.gpd-visual-section .pg-head .text-gs-primary-deep { color:#36c2a0 !important; }
.gpd-visual-section .gpd-kicker { color:#36c2a0; }
.gpd-flow { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; align-items:stretch; }
.gpd-flow__node { position:relative; border:1px solid #43504f; border-radius:13px; padding:28px 20px 34px; display:flex; flex-direction:column;gap:19px; min-height:205px; background:linear-gradient(155deg,#1e2928,#121717); }
.gpd-flow__node:not(:last-child)::after { content:'→';position:absolute;right:-19px;top:48%;z-index:2;font:600 20px var(--font-mono,monospace); color:#36c2a0; }
.gpd-flow__node:nth-child(3){ border-color:#36c2a0; }
.gpd-flow__no {color:#36c2a0;font:600 12px var(--font-mono,monospace); letter-spacing:.14em; }
.gpd-flow__node strong {font-size:18px;line-height:1.35; color:#f6f8f7; }
.gpd-flow__node small {font-size:13px;line-height:1.5; color:#a7b2b0; }
.gpd-disclaimer { margin:24px 0 0;letter-spacing:0; color:#a4afae;max-width:900px; }
.gpd-mask { display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:22px;align-items:stretch; }
.gpd-mask__pane { padding:30px; border:1px solid #3b4747; border-radius:14px; background:#1e2526; min-width:0; }
.gpd-mask__pane--safe {border-color:#166b5c;background:#112721; }
.gpd-mask__line { margin-top:12px;padding:12px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#111a1b; color:#d7dfde;overflow-wrap:anywhere; font:13px/1.5 var(--font-mono,monospace); }
.gpd-mask__pane--safe .gpd-mask__line {background:#0f2f26; color:#8ce7c6; }
.gpd-mask__gate {display:flex; flex-direction:column;justify-content:center;align-items:center; gap:10px;text-align:center;color:#e9ecef;font-size:13px;line-height:1.4;}
.gpd-mask__gate small {color:#abb8b6;}
.gpd-mask__symbol { display:grid;place-items:center; width:82px;height:82px;border:2px solid #36c2a0;border-radius:16px;color:#36c2a0;font:600 45px var(--font-heading,sans-serif); background:#122620; }
.gpd-policy { padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px; }
.gpd-policy li { border:1px solid var(--gs-border);padding:24px 26px; background:var(--gs-surface);border-radius:13px;display:flex;gap:24px; }
.gpd-policy li>span {color:var(--gs-primary-deep);font:600 16px var(--font-mono,monospace);}
.gpd-policy h3{margin:0 0 12px;}
.gpd-run {margin:0;padding:0; list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch;}
.gpd-run__stage {position:relative;min-height:226px;padding:24px 20px;border-radius:13px; border:1px solid #465553;background:#1a2223;display:flex;flex-direction:column; gap:23px;}
.gpd-run__stage:not(:last-child)::after {content:'→';position:absolute;right:-17px;top:36px;color:#36c2a0;font:600 18px var(--font-mono,monospace);z-index:2;}
.gpd-run__mark {color:#36c2a0;font:600 12px var(--font-mono,monospace);}
.gpd-run__stage strong {display:block;font-size:17px;line-height:1.3;color:white;}
.gpd-run__stage p {margin:10px 0 0;font-size:13px;line-height:1.65;color:#adbcb9;}
.gpd-run__stage--approval {background:#134839; border-color:#36c2a0;}
.gpd-run__stage--approval p {color:#d5ebe3;}
.gpd-run__badge {display:inline-block;align-self:flex-start;border:1px solid #36c2a0;border-radius:20px;padding:6px 10px;font:600 10px var(--font-mono,monospace);letter-spacing:.08em;color:#b8f6e1;}
.gpd-capabilities {display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px;}
.gpd-capabilities article {padding:27px; background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:13px;}
.gpd-app {border:1px solid #3f5551; border-radius:15px;overflow:hidden;background:#18201f;box-shadow:0 25px 75px rgba(0,0,0,.25);}
.gpd-app__top {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 26px;background:#162521;border-bottom:1px solid #3e514d;}
.gpd-app__brand {color:#e9ecef;font:600 12px var(--font-mono,monospace);letter-spacing:.1em;}.gpd-app__brand em {font-style:normal;color:#9ba9a7;}.gpd-app__user {color:#aebcb9;font-size:12px;}
.gpd-app__body {display:grid;grid-template-columns:220px minmax(0,1fr);min-height:368px;}
.gpd-app__side {border-right:1px solid #40514d;padding:22px 15px;display:flex;flex-direction:column;gap:8px;}
.gpd-app__nav {display:block;color:#9caaa7;padding:12px 14px;border-radius:7px;font-size:13px;}.gpd-app__nav.is-on {background:#204a3d;color:#dbf4e9;}
.gpd-app__main {padding:clamp(25px,4vw,48px);}
.gpd-app__main h3 {font-size:clamp(22px,3vw,30px); margin:14px 0 12px;color:#fff;}.gpd-app__main p {color:#adb9b6;max-width:53ch;font-size:15px;line-height:1.6;}
.gpd-app__steps {display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 22px;}.gpd-app__steps span {padding:9px 13px;border:1px solid #465550;border-radius:40px;color:#abb9b5;font-size:12px;}.gpd-app__steps span.done {color:#98e0c5;border-color:#38765f;}.gpd-app__steps span.active {background:#0f6b5b;color:white;border-color:#36c2a0;}
.gpd-app__status {display:flex;flex-direction:column;gap:8px;padding:20px;border-left:3px solid #36c2a0;background:#26312f;}.gpd-app__status strong {color:#f2f6f4;font-size:15px;}.gpd-app__status span {color:#aab9b5;font-size:13px;}
.gpd-experiences {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}.gpd-experiences article {border-top:3px solid var(--gs-primary);padding:25px 17px 10px;background:var(--gs-surface);border-radius:3px 3px 10px 10px;}
.gpd-deep__layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,85px);align-items:start;}.gpd-deep__layout .pg-head {margin:0;}
.gpd-deep__list {margin:0;padding:0;list-style:none; border-top:1px solid var(--gs-border);}.gpd-deep__list li {position:relative;padding:20px 8px 20px 30px; border-bottom:1px solid var(--gs-border);font-size:16px;line-height:1.55;color:var(--gs-text);}.gpd-deep__list li::before {position:absolute;content:'';width:7px;height:7px;top:29px;left:2px;background:var(--gs-primary);border-radius:50%;}
.gpd-faq {max-width:1000px;}.gpd-faq > div:not(:last-child) {margin-bottom:12px;}
.gpd-next {background:#0b0d0e;color:#e9ecef;}.gpd-next__inner {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;}.gpd-next h2 {margin:14px 0 18px;color:#e9ecef;max-width:19ch;}.gpd-next p {color:#b9c4c1;font-size:16px;line-height:1.6;max-width:57ch;}.gpd-next__buttons {display:flex;flex-direction:column;align-items:flex-start;gap:26px;}.gpd-next .gpd-kicker {color:#36c2a0;}
/* Overview: the four abbreviated modules remain for context, with explicit deep links. */
.gpd-overview-more {display:flex;align-items:center;gap:11px;margin-top:32px;}.gpd-overview-more a {display:inline-flex;align-items:center;gap:9px;color:var(--gs-primary-deep);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:5px;}
.gpd-overview-more a::after{content:'↗';font-size:18px;}
@media (max-width:1100px) {.gpd-run{grid-template-columns:repeat(3,minmax(0,1fr))}.gpd-run__stage:not(:last-child)::after{display:none}.gpd-experiences{grid-template-columns:repeat(2,minmax(0,1fr))}.gpd-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.gpd-flow__node:not(:last-child)::after{display:none} }
@media (max-width:800px) {.gpd-chapters__inner{grid-template-columns:repeat(2,minmax(0,1fr));}.gpd-source-grid,.gpd-capabilities,.gpd-policy,.gpd-deep__layout,.gpd-next__inner{grid-template-columns:1fr}.gpd-mask {grid-template-columns:1fr;}.gpd-mask__gate{padding:4px 0 10px;}.gpd-mask__symbol{height:55px;width:55px;font-size:30px;}.gpd-app__body{grid-template-columns:1fr;}.gpd-app__side{display:none;}.gpd-run{grid-template-columns:repeat(2,minmax(0,1fr))}.gpd-next__buttons{margin-top:10px;}}
@media (max-width:540px) {.gpd-run,.gpd-flow,.gpd-experiences{grid-template-columns:1fr;}.gpd-flow__node,.gpd-run__stage{min-height:0}.gpd-chapters__item{gap:7px;font-size:12px;padding:12px 6px}.gpd-app__top{align-items:flex-start;flex-direction:column}.gpd-app__main{padding:24px 16px}.gpd-mask__pane{padding:18px}.gpd-manifesto{font-size:18px}.gpd-next h2{font-size:29px}.gpd-visual-section .pg-head h2{font-size:clamp(28px,8vw,42px)}}
@media (prefers-reduced-motion:reduce){.gpd-chapters__item{transition:none}}