/* Professional space homepage. Navigation remains the place to enter tools. */
#app .po-home{color:#234f70}
#app .po-home .po-eyebrow{font-size:13px!important;line-height:1.5!important;letter-spacing:.07em;color:#68879c;margin:0 0 10px!important}
#app .po-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:54px;padding:30px 0 28px;border-bottom:1px solid #dbe7ef}
#app .po-hero>.po-eyebrow{grid-column:1 / -1}
#app .po-hero h1{grid-column:1;grid-row:2 / 4;font-size:clamp(30px,3.1vw,44px)!important;line-height:1.45!important;letter-spacing:.02em;margin:0!important;color:#19486c}
#app .po-hero .po-hero-subtitle{grid-column:2;grid-row:2;font-size:21px!important;line-height:1.55!important;margin:8px 0 12px!important;color:#456d88}
#app .po-hero .po-hero-copy{grid-column:2;grid-row:3;font-size:16px!important;line-height:1.9!important;margin:0!important;color:#58778c}
#app .po-values{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;padding:18px 24px;border:1px solid #e0eaf0;border-radius:12px;background:linear-gradient(110deg,#f1f7fbeb,#ffffffbd)}
#app .po-values>div{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0}
#app .po-values img{width:27px;height:27px;opacity:.6;flex:none}
#app .po-values strong{display:block;font-size:17px;line-height:1.5;font-weight:600}
#app .po-values small{display:block;font-size:14px;line-height:1.65;color:#658094}
#app .po-home-section{margin:32px 0 0}
#app .po-home-section>header{margin-bottom:18px}
#app .po-home-section h2{font-size:29px!important;line-height:1.5!important;margin:0 0 6px!important;color:#204e70}
#app .po-home-section>header>p:last-child{font-size:16px!important;line-height:1.75!important;margin:0!important;color:#58778c}
#app .po-tools-grid,#app .po-modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#app .po-home button.po-tool-card,#app .po-home button.po-mode-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;position:relative;min-width:0;width:100%;box-sizing:border-box;text-align:left;font-family:inherit;color:#274f6c;border:1px solid #cddfeB;border-radius:16px;background:#ffffffed;box-shadow:0 5px 18px #224b6e06;cursor:pointer;white-space:normal;transition:transform .18s ease,border-color .18s,box-shadow .18s}
#app .po-home button.po-tool-card{padding:24px}
#app .po-home button.po-mode-card{padding:0;overflow:hidden}
#app .po-home button.po-tool-card:hover,#app .po-home button.po-mode-card:hover{transform:translateY(-3px);border-color:#6396b8;box-shadow:0 9px 26px #254e7014;background:#fff}
#app .po-home button.po-tool-card:focus-visible,#app .po-home button.po-mode-card:focus-visible{outline:3px solid #6196ba;outline-offset:4px}
#app .po-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
#app .po-card-top>span{font-size:13px;line-height:1.5;color:#6c889b;letter-spacing:.04em}
#app .po-card-top img{display:block;width:26px;height:26px;opacity:.55;flex:none}
#app .po-card-title{display:block;font-size:28px;line-height:1.5;font-weight:600;color:#204f73;margin:0 0 8px}
#app .po-card-lead{display:block;font-size:16px;line-height:1.8;color:#4b6d86;margin:0 0 14px}
#app .po-card-topics{display:block;font-size:14px;line-height:1.75;color:#718a9c;padding:12px 0 18px;border-top:1px solid #e4ecf2}
#app .po-card-more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;font-size:15px;line-height:1.5;color:#2a6b9a;font-weight:600}
#app .po-card-more>span{font-size:21px;font-weight:400;line-height:1}
#app .po-modes{margin-top:40px}
#app .po-mode-image{position:relative;display:block;border-bottom:1px solid #e0e9f0;background:#f3f7fa;padding:12px 12px 0}
#app .po-mode-image>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:8px 8px 0 0;background:white}
#app .po-mode-image>span{position:absolute;right:20px;top:20px;border:1px solid #d6e4ed;background:#fffffff2;border-radius:7px;padding:5px 9px;color:#55768e;font-size:12px;line-height:1.5}
#app .po-mode-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:22px 24px}
#app .po-mode-headline{display:block;font-size:18px;line-height:1.7;font-weight:500;color:#355f7d;margin:0 0 12px}
#app .po-mode-copy .po-card-lead{font-size:15px;line-height:1.8;margin-bottom:14px}
#app .po-mode-fit{display:block;font-size:14px;line-height:1.8;color:#6d8394;border-top:1px solid #e3ebf1;padding:12px 0 18px;margin-top:auto}
#app .po-mode-copy .po-card-more{margin:0;padding:0}
#app .po-home .po-home-note{font-size:14px!important;line-height:1.8!important;color:#6b8598;margin:20px 0 0!important;text-align:center}
/* Native top-layer dialogs keep reading and image enlargement independent. */
.po-dialog{color:#254f6d;border:1px solid #d4e1eb;border-radius:18px;padding:0;box-sizing:border-box;max-width:none;max-height:none;overflow:hidden;background:#fff;box-shadow:0 22px 80px #1b3e663d}
.po-dialog::backdrop{background:#193c586b;backdrop-filter:blur(3px)}
.po-reading-dialog{width:min(1120px,calc(100vw - 48px));height:min(960px,calc(100dvh - 48px))}
.po-dialog[open]{display:flex;flex-direction:column}
.po-dialog-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px;border-bottom:1px solid #dfe8ef;background:#f8fbfd}
.po-dialog-head h2{font-size:22px;line-height:1.5;margin:0;color:#235375}
.po-dialog-head button{flex:none;min-height:40px;border:1px solid #cedee9;border-radius:8px;background:#fff;color:#416c8b;padding:8px 14px;font-size:14px;font-family:inherit;cursor:pointer}
.po-dialog button:focus-visible{outline:3px solid #6ba0c4;outline-offset:3px}
.po-reading-switch{display:flex;align-items:center;gap:8px;padding:12px 26px;flex:none;border-bottom:1px solid #e5edf3;background:#fff}
.po-reading-switch button{font-family:inherit;font-size:15px;line-height:1.5;padding:9px 18px;border:1px solid #d5e2eb;border-radius:8px;background:#fffefa;color:#466e8a;cursor:pointer}
.po-reading-switch [aria-pressed=true]{color:#205a83;background:#e9f3fa;border-color:#6095b9;box-shadow:inset 0 0 0 1px #6095b9}
.po-dialog-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:30px clamp(24px,5vw,66px) 40px}
.po-dialog-content p{font-size:17px;line-height:1.95;color:#46667d;margin:12px 0}
.po-dialog-content .po-eyebrow{font-size:13px;line-height:1.5;letter-spacing:.06em;color:#7790a2;margin:0 0 8px}
.po-reading-intro h2{font-size:30px;line-height:1.6;margin:0 0 14px;color:#214e70}
.po-reading-intro .po-reading-fit{font-size:16px;line-height:1.85;border-left:3px solid #7faac5;padding:10px 16px;background:#f2f7fb;margin:18px 0 24px}
.po-photo{margin:24px auto;width:100%;max-width:850px}
.po-photo>button{display:block;position:relative;padding:0;min-width:0;width:100%;overflow:hidden;border:1px solid #d5e3ec;border-radius:12px;background:#f4f8fa;cursor:zoom-in;font-family:inherit}
.po-photo img{display:block;width:100%;height:auto;object-fit:contain}
.po-photo>button>span{position:absolute;right:10px;bottom:10px;padding:6px 11px;border-radius:7px;background:#fffffff0;color:#2c6b97;font-size:13px;line-height:1.5}
.po-photo figcaption{font-size:14px;line-height:1.7;color:#68859a;margin-top:9px;text-align:center}
.po-reading-section{margin:28px 0}
.po-reading-section>h2,.po-reading-highlight>h2{font-size:23px;line-height:1.6;margin:0 0 14px;color:#305c7c}
.po-reading-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin:22px 0}
.po-reading-resources>section{padding:18px 20px;border:1px solid #dce7ef;border-radius:12px;background:#f8fbfd}
.po-reading-resources h3{font-size:18px;line-height:1.6;margin:0 0 8px;color:#315e7d}
.po-reading-resources p{font-size:16px;line-height:1.85;margin:0}
.po-reading-highlight{padding:22px 26px;background:#eff6fb;border:1px solid #d9e7f0;border-radius:12px;margin:28px 0}
.po-reading-highlight p{font-size:16px;line-height:1.9;margin:8px 0}
.po-reading-steps{margin:0;padding-left:28px}
.po-reading-steps li{font-size:17px;line-height:1.9;color:#4b6a80;padding:6px 0 6px 6px}
.po-reading-steps li::marker{color:#6697b8;font-weight:600}
.po-reading-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.po-reading-gallery .po-photo{margin:0}
.po-reading-note{font-size:15px!important;line-height:1.9!important;border-top:1px solid #e1eaf1;padding-top:20px;color:#688298!important}
.po-image-dialog{width:min(1640px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px)}
.po-image-content{min-height:0;padding:14px;overflow:auto}
.po-image-content img{display:block;width:100%;height:auto;max-height:calc(100dvh - 130px);object-fit:contain}
@media(max-width:1000px){
 #app .po-hero{column-gap:28px}
 #app .po-tools-grid,#app .po-modes-grid{gap:14px}
 #app .po-home button.po-tool-card{padding:20px}
 #app .po-mode-copy{padding:18px 20px}
 #app .po-card-title{font-size:25px}
 .po-reading-resources{gap:12px}
 .po-reading-resources>section{padding:16px}
}
@media(max-width:760px){
 #app .po-hero{grid-template-columns:1fr;gap:0;padding:22px 0}
 #app .po-hero h1{grid-column:1;grid-row:auto;font-size:32px!important;line-height:1.5!important}
 #app .po-hero .po-hero-subtitle,#app .po-hero .po-hero-copy{grid-column:1;grid-row:auto}
 #app .po-hero .po-hero-subtitle{font-size:19px!important;margin:14px 0 8px!important}
 #app .po-hero .po-hero-copy{font-size:15px!important}
 #app .po-hero .po-hero-copy br{display:none}
 #app .po-values{grid-template-columns:1fr;gap:14px;margin-top:20px;padding:18px 20px}
 #app .po-values>div{justify-content:flex-start}
 #app .po-values strong{font-size:16px}
 #app .po-values small{font-size:14px}
 #app .po-home-section{margin-top:28px}
 #app .po-home-section h2{font-size:25px!important}
 #app .po-home-section>header>p:last-child{font-size:15px!important}
 #app .po-tools-grid,#app .po-modes-grid{grid-template-columns:1fr;gap:16px}
 #app .po-home button.po-tool-card{padding:22px}
 #app .po-card-title{font-size:27px}
 #app .po-mode-copy{padding:22px}
 #app .po-mode-fit{margin-top:0}
 .po-reading-dialog{width:100vw;height:100dvh;border:0;border-radius:0}
 .po-dialog-head{padding:14px 18px}
 .po-dialog-head h2{font-size:20px}
 .po-dialog-head button{padding:8px 12px}
 .po-reading-switch{padding:12px 16px;gap:7px}
 .po-reading-switch button{flex:1;min-width:0;font-size:14px;padding:9px 7px;white-space:nowrap}
 .po-dialog-content{padding:24px 20px 32px;scrollbar-gutter:auto}
 .po-reading-intro h2{font-size:25px}
 .po-dialog-content p{font-size:16px;line-height:1.9}
 .po-reading-resources{grid-template-columns:1fr;gap:12px}
 .po-reading-gallery{grid-template-columns:1fr;gap:22px}
 .po-reading-highlight{padding:18px 20px}
 .po-reading-section>h2,.po-reading-highlight>h2{font-size:22px}
 .po-reading-steps li{font-size:16px}
 .po-image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
 .po-image-content{padding:8px}
}
@media(prefers-reduced-motion:reduce){#app .po-home button.po-tool-card,#app .po-home button.po-mode-card{transition:none}#app .po-home button.po-tool-card:hover,#app .po-home button.po-mode-card:hover{transform:none}}