/*
Theme Name: Corporate Split
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: corporate-split
License: GPL-2.0-or-later
*/
:root{
--navy:#15283b;
--paper:#f7f8fa;
--line:#aeb8c2;
--blue:#20557a;
--max:78rem
}
*{
box-sizing:border-box
}
html{
scroll-behavior:smooth
}
body{
margin:0;
background:var(--paper);
color:var(--navy);
font-family:system-ui,sans-serif;
line-height:1.6
}
a{
color:var(--blue);
text-underline-offset:.2em
}
a:focus-visible{
outline:.25rem solid #a44600;
outline-offset:.25rem
}
.corporate-skip{
position:absolute;
left:-100vw;
background:var(--navy);
color:white;
padding:1rem
}
.corporate-skip:focus{
left:1rem;
top:1rem
}
.corporate-bar{
background:var(--navy);
color:white;
padding:1rem max(1rem,calc((100% - var(--max))/2));
display:flex;
justify-content:space-between
}
.corporate-bar a{
color:white
}
.corporate-bar ul,.corporate-foot ul{
display:flex;
gap:1rem;
list-style:none;
margin:0;
padding:0
}
.corporate_split-main{
max-width:var(--max);
margin:auto;
padding:3rem 1rem;
display:grid;
grid-template-columns:15rem minmax(0,1fr);
gap:4rem
}
.workspace-index{
border-right:1px solid var(--line);
padding-right:2rem
}
.workspace-index nav{
display:grid
}
.workspace-index nav a{
padding:.6rem 0;
border-bottom:1px solid var(--line)
}
.workspace-index dt,.corporate_split-status{
font-size:.75rem;
font-weight:800;
text-transform:uppercase
}
.workspace-index dd{
margin:0
}
.workspace-body>*{
padding-bottom:3rem;
margin-bottom:3rem;
border-bottom:1px solid var(--line)
}
.corporate_split-heading h1{
font-size:clamp(2.5rem,5vw,4.5rem);
line-height:1.05;
max-width:16ch
}
.corporate_split-prose{
max-width:50rem
}
.corporate_split-listings article{
display:grid;
grid-template-columns:2fr 1fr;
gap:2rem;
padding:1.5rem 0;
border-top:1px solid var(--navy)
}
.corporate_split-listings figure{
margin:0
}
.corporate_split-listings img{
width:100%;
aspect-ratio:4/3;
object-fit:cover
}
.reference-notes dl{
display:grid;
grid-template-columns:1fr 2fr
}
.reference-notes dt,.reference-notes dd{
margin:0;
padding:1rem;
border-top:1px solid var(--line)
}
.corporate_split-loop article{
display:grid;
grid-template-columns:1fr 2fr;
gap:2rem;
border-bottom:1px solid var(--line)
}
.corporate_split-document{
max-width:50rem;
margin:auto
}
.corporate-foot{
max-width:var(--max);
margin:auto;
padding:2rem 1rem;
border-top:2px solid var(--navy);
display:flex;
justify-content:space-between
}
img{
max-width:100%;
height:auto
}
@media(max-width:48rem){
.corporate_split-main{
grid-template-columns:1fr
}
.workspace-index{
border-right:0;
border-bottom:1px solid var(--line);
padding-bottom:2rem
}
.corporate_split-listings article,.reference-notes dl{
grid-template-columns:1fr
}
.corporate-bar,.corporate-foot{
flex-direction:column;
gap:1rem
}
}
@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto
}
*,*::before,*::after{
animation:none!important;
transition:none!important
}
}
@media(forced-colors:active){
.workspace-index,.workspace-body>*,.corporate_split-listings article{
border-color:CanvasText
}
}