/*
Theme Name: PortSecur
Version: 1.0.3
Description: PortSecur guides and private link inspector.
*/
.message-checker textarea {
    display: block;
    width: 100%;
    min-height: 9rem;
    margin: .5rem 0 1rem;
    padding: .75rem;
    border: 1px solid #657a83;
    border-radius: 7px;
    font: inherit;
    resize: vertical;
}
.message-checker .checker-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}
:root{color-scheme:light;--navy:#102334;--ink:#152b3b;--mint:#9af5cf;--paper:#f4f7f5;--muted:#485c64;--line:#ccd9d5;font:17px/1.6 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-underline-offset:.23em}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button,a,input,summary{outline-offset:4px}:focus-visible{outline:3px solid #19876c}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.mast,footer{background:var(--navy);color:#fff}.mast{border-bottom:1px solid #ffffff30}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0}.brand,nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.brand{font-size:1.25rem;font-weight:850;gap:3px}.brand span{color:var(--mint)}.brand svg{margin-right:5px}nav{display:flex;flex-wrap:wrap;gap:4px 22px;font-size:.86rem}nav a:hover{text-decoration:underline}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:8px;z-index:2}.skip:focus{top:12px}
.hero,.article-head{background:radial-gradient(ellipse at 84% 10%,#1a4148,transparent 60%),var(--navy);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,86px);align-items:center;padding:clamp(32px,6vw,88px) 0}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#236751;margin:0 0 10px}.hero .eyebrow,.article-head .eyebrow{color:var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,6vw,5rem);margin-bottom:15px}h1 em{font-style:normal;color:var(--mint)}h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:15px}h3{font-size:1.28rem;margin:10px 0}.lede{font-size:1.12rem;color:#d7e6eb;margin-bottom:0;max-width:34em}.tool{border:1px solid #ffffff45;border-radius:16px;padding:clamp(16px,3vw,30px);background:#142c3d;box-shadow:0 16px 36px #0003;min-width:0}.tool label{display:block;font-weight:700;margin-bottom:7px}.input-row,.actions{display:flex;gap:10px;flex-wrap:wrap}.input-row input{flex:1 1 155px;min-width:0;padding:9px 12px;border:1px solid #aec0c7;border-radius:7px;color:var(--ink);background:#fff}.tool :focus-visible,.mast :focus-visible,.article-head :focus-visible{outline-color:var(--mint)}button{cursor:pointer;background:var(--mint);color:#102b26;font-weight:750;border:0;border-radius:7px;padding:9px 13px;min-height:44px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.65;cursor:default}.small{margin:8px 0 2px;color:#d3e4e9;font-size:.84rem}.actions{justify-content:space-between;align-items:center}.actions a,.quiet{color:var(--mint);font-size:.88rem;min-height:44px;display:inline-flex;align-items:center}.quiet{background:transparent;padding:0;text-decoration:underline;text-underline-offset:.23em}.result{margin-top:12px;border-top:1px solid #ffffff45;padding-top:14px;overflow-wrap:anywhere}.result p,.result ul{margin:0 0 9px}.result h2{font-size:1.4rem;color:var(--mint)}
.section{padding:42px 0}.section+.section{border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none}.card:hover{border-color:#23745b}.card:hover h3{text-decoration:underline}.card span:not(.eyebrow){color:var(--muted)}.card b{display:block;color:#236751;margin-top:12px}.article{max-width:760px}.article-head{padding:32px 0 48px}.article-head a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px}.article-head h1{font-size:clamp(2.15rem,5vw,4rem)}details{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}summary{padding:12px 16px;cursor:pointer;font-weight:750}details p{padding:0 16px 12px;margin:0}footer{margin-top:18px}footer span{color:#d7e6eb;font-size:.85rem}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.cards{grid-template-columns:1fr}nav{gap:0 15px}.mast .bar{gap:0;padding:6px 0}.section{padding:30px 0}}