/* PHP2Shell page. Shared landing page styles live in styles.css (body.refresh); only page-specific rules go here. */
.php-page #main:focus-visible{outline:2px solid var(--ivory);outline-offset:-4px}
.php-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:rgba(16,43,63,.07);padding:.1em .35em;border-radius:3px;overflow-wrap:anywhere}
.php-updated{margin-top:18px;font-size:14px;color:var(--light)}
.php-facts li span{line-height:1.4}
.php-facts b{display:block;font-weight:500;color:var(--copper-text);font-size:19px}

.php-what-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:36px}
.php-what-grid h3,.php-after h3{font-size:22px;font-weight:600;padding-top:16px;border-top:1px solid var(--navy);margin-bottom:18px}
.php-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.php-list li{position:relative;padding-left:22px;font-size:17px;line-height:1.5}
.php-list li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:var(--copper)}
.php-note{margin-top:24px;font-size:16px;line-height:1.55;color:var(--muted)}
.php-timeline{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.php-timeline li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;font-size:16.5px;line-height:1.5}
.php-timeline b{font-weight:500;color:var(--copper-ink)}
.php-turn{margin-top:32px;font-size:18px}
.php-turn a,.php-host a{color:var(--copper-ink);font-weight:500}

.php-check{background:var(--paper);color:var(--navy);padding:56px 0;border-top:1px solid var(--edge)}
.php-check .hp-eyebrow{color:var(--copper-ink)}
.php-check .hp-lede{color:var(--muted);max-width:52ch}
.php-versions tbody th{width:24%}
.php-versions td:last-child{color:var(--navy)}
.php-after{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px;margin-top:40px}
.php-host{background:var(--warm,#f2ede3);padding:20px 24px;border:1px solid var(--navy);border-left:6px solid var(--copper);align-self:start}
.php-host h3{border-top:0;padding-top:0}
.php-host p{font-size:16.5px;line-height:1.55;color:var(--muted)}

.php-fix .hp-lede{max-width:46ch}
.php-steps{margin-top:32px}
.php-proof{margin-top:56px;padding-top:40px;border-top:1px solid var(--dark-rule)}
.php-proof-head{font-size:clamp(28px,3.2vw,40px);font-weight:600;line-height:1.05;letter-spacing:-.03em}
.php-proof .hp-lede{margin-top:18px}

.php-sources{margin-top:48px;padding-top:24px;border-top:1px solid var(--edge)}
.php-sources h2{font-size:18px;font-weight:600;margin-bottom:14px}
.php-sources ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.php-sources a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}

@media(max-width:960px){
  .php-what-grid,.php-after{grid-template-columns:1fr;gap:40px}
  .php-check{padding:48px 0}
  .php-proof{margin-top:48px}
}
@media(max-width:560px){
  .php-timeline li{grid-template-columns:1fr;gap:2px}
  .php-check{padding:40px 0}
  .php-facts b{font-size:17px}
}
.php-fix .hp-lede,.php-proof .hp-lede{color:var(--light)}
@media(max-width:760px){.php-versions tbody th{width:auto}}
.php-host p+p{margin-top:14px}