/* Порт-Роял · Единая визуальная система всех страниц */
:root{--ink:#302a23;--ink-light:#655544;--soft:#796752;--accent:#795333;--accent-dark:#4e3829;--line:rgba(95,66,40,.29);--paper:rgba(255,249,233,.89);--paper-solid:#f8ecd2;--button:#3e3026;--shadow:0 22px 60px rgba(71,43,23,.12);--radius:3px;font-family:Georgia,'Palatino Linotype','Book Antiqua',serif;color:var(--ink);font-size:clamp(16px,.28vw + 13.5px,21px);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;min-height:100vh;background-color:#e9c993;background-image:linear-gradient(rgba(255,250,235,.1),rgba(255,251,240,.12)),url('pirate-map-1920.webp');background-size:cover;background-position:center center;background-attachment:fixed}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(77,53,32,.055),transparent 18%,transparent 82%,rgba(77,53,32,.055));z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #936836;outline-offset:4px}::selection{background:#ac8c62;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-5rem;left:1rem;background:#fff9e8;padding:1rem;z-index:10}.skip-link:focus{top:1rem}.site-shell{width:min(92.8vw,2120px);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topline{height:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.topline::after{content:"✦  HISTORIA PORTUS REGALIS  ✦";color:#8b6b4b;background:#edd4ac;position:relative;top:5px;padding:0 22px;font-family:Georgia,serif;letter-spacing:.2em;font-size:.53rem}.masthead{display:grid;grid-template-columns:minmax(285px,1fr) auto;align-items:center;gap:24px;padding:clamp(22px,2.2vw,38px) clamp(22px,3vw,65px) clamp(12px,1.5vw,23px);border-left:1px solid var(--line);border-right:1px solid var(--line);background:rgba(248,235,205,.55)}.brand{display:flex;align-items:center;gap:19px;width:max-content;max-width:100%}.brand-mark{width:65px;height:65px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #80603d;border-radius:50%;outline:1px solid rgba(98,67,39,.4);outline-offset:4px;font-size:2.2rem;color:#64472c;line-height:1;transition:transform .3s}.brand:hover .brand-mark{transform:rotate(18deg)}.brand-name{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(1.3rem,1.35vw,1.85rem);font-weight:700;line-height:1}.brand-caption{display:block;letter-spacing:.19em;text-transform:uppercase;font:600 .55rem/1.8 Georgia,serif;color:#806346;margin-top:8px}.login-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.login-panel .login-title{display:block;width:100%;text-align:right;color:#786147;letter-spacing:.18em;text-transform:uppercase;font:600 .54rem/1.1 Georgia,serif;margin-bottom:1px}.login-panel input{width:clamp(108px,8.4vw,165px);height:38px;background:rgba(255,250,235,.69);border:1px solid #b09a78;color:var(--ink);padding:0 12px;font-size:.75rem;border-radius:2px}.login-panel input::placeholder{color:#897761}.login-panel button{height:38px;border:1px solid #4f3727;background:#47372b;color:#f7e5c1;padding:0 19px;letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;transition:background .2s}.login-panel button:hover{background:#694c34}.primary-nav{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;padding:0 clamp(15px,2vw,45px);background:rgba(68,48,34,.94);border:1px solid #513827;box-shadow:0 4px 0 rgba(83,57,37,.12);gap:3px}.primary-nav a{display:flex;align-items:center;justify-content:center;min-height:57px;padding:8px clamp(10px,1.3vw,25px);font-size:.76rem;text-align:center;letter-spacing:.04em;color:#f1dfbf;border-bottom:3px solid transparent;transition:background .2s,color .2s}.primary-nav a:hover{background:rgba(255,235,194,.13);color:white}.primary-nav a[aria-current="page"]{background:#6b4e36;border-bottom-color:#d9b678;color:#fff1d7}.site-main{flex:1}.site-main>.page-intro,.site-main>.section-block,.site-main>.home-story,.site-main>.hero,.site-main>.stat-ribbon,.site-main>.chapter-layout,.site-main>.chronology,.site-main>.sources-panel{margin-left:clamp(12px,2.2vw,46px);margin-right:clamp(12px,2.2vw,46px)}.hero{min-height:clamp(490px,31vw,680px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:center;gap:30px;padding:clamp(45px,5vw,112px) clamp(28px,6vw,130px);position:relative;background:linear-gradient(90deg,rgba(253,243,222,.77),rgba(252,239,212,.36));border:1px solid rgba(139,100,56,.3);border-top:none}.hero:before,.hero:after,.page-intro:after{content:"";position:absolute;left:24px;right:24px;height:5px;border-top:1px solid rgba(113,75,40,.32);border-bottom:1px solid rgba(113,75,40,.18)}.hero:before{top:15px}.hero:after{bottom:15px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:.62rem;letter-spacing:.23em;color:#74573c;font-weight:700}.eyebrow-line{display:inline-block;width:34px;height:1px;background:#98724c}.chapter-label{letter-spacing:.08em;font-size:.83rem;color:#75614c;margin:35px 0 13px}.hero h1{font-size:clamp(4.2rem,7.4vw,9.4rem);letter-spacing:-.045em;font-weight:400;line-height:.91;margin:0;color:#352a20;text-shadow:0 1px rgba(255,250,235,.6)}.hero-subtitle{display:block;font-size:clamp(1.5rem,2.5vw,3rem);font-style:italic;letter-spacing:-.025em;line-height:1.3;margin:15px 0 0;color:#715134}.hero-lead{font-size:clamp(1rem,1.1vw,1.23rem);max-width:48ch;line-height:1.7;margin:30px 0 0;color:#534539}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.button{display:inline-flex;gap:25px;justify-content:center;align-items:center;min-height:52px;padding:13px 23px;border:1px solid #654731;text-transform:uppercase;letter-spacing:.09em;font:700 .7rem/1.25 Georgia,serif;transition:transform .2s,background .2s,box-shadow .2s;text-align:center;border-radius:2px}.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(62,45,29,.17)}.button-primary{background:#48382a;color:#f5e8cb}.button-primary:hover{background:#624832}.button-ghost{background:rgba(255,249,235,.55);color:#503a29}.button-ghost:hover{background:rgba(255,250,239,.95)}.hero-medallion{justify-self:center;width:min(100%,360px);aspect-ratio:1;display:grid;place-items:center;position:relative;border:2px solid rgba(108,76,44,.55);border-radius:50%;box-shadow:0 0 0 10px rgba(144,104,61,.08),inset 0 0 0 8px rgba(250,236,208,.37);transform:rotate(-9deg)}.hero-medallion:before,.hero-medallion:after{content:"✦";position:absolute;font-size:1.4rem;color:#8a643e}.hero-medallion:before{top:-18px}.hero-medallion:after{bottom:-18px}.medallion-inner{width:86%;aspect-ratio:1;border:1px dashed #9c7851;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#705035;text-align:center}.medallion-top,.medallion-bottom{font-size:.57rem;letter-spacing:.18em}.medallion-date{font-size:clamp(3.3rem,4.6vw,6rem);line-height:1}.medallion-star{font-size:1.4rem}.stat-ribbon{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;text-align:center;border:1px solid #977653;background:rgba(84,62,43,.92);color:#f7e7c7;padding:20px clamp(20px,4vw,90px);box-shadow:var(--shadow)}.stat-ribbon div{display:flex;flex-direction:column;gap:7px}.stat-ribbon strong{font-size:clamp(1.4rem,2vw,2.2rem);font-weight:400}.stat-ribbon span{color:#e5d0ab;font-size:.71rem;letter-spacing:.04em}.stat-ribbon i{font-style:normal;color:#c5a57b;font-size:1.3rem}.section-block{margin-top:clamp(40px,4vw,82px);margin-bottom:clamp(45px,4vw,85px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px;border-bottom:1px solid var(--line);padding:0 12px 21px}.kicker{font:700 .65rem/1.6 Georgia,serif;letter-spacing:.22em;color:#74583d;text-transform:uppercase;margin:0 0 13px}.section-heading h2,.home-story h2,.source-intro h2{font-size:clamp(1.7rem,2.15vw,3rem);font-weight:400;margin:0;line-height:1.15}.section-heading>p{color:#65523e;font-size:.91rem;line-height:1.55;max-width:380px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:clamp(25px,2.2vw,43px);background:rgba(253,246,229,.87);border:1px solid #a98962;box-shadow:0 14px 38px rgba(86,58,30,.09);overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s}.feature-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(128,91,56,.27);pointer-events:none}.feature-card:hover{transform:translateY(-5px);background:#fff5de;box-shadow:0 22px 40px rgba(77,49,23,.18)}.card-index{font:.67rem Georgia,serif;letter-spacing:.15em;color:#8b6643}.card-art{position:absolute;top:44px;right:44px;font-size:4.8rem;font-weight:400;color:rgba(114,82,50,.14);line-height:1}.feature-card h3{margin:56px 0 14px;font-size:clamp(1.6rem,2vw,2.45rem);font-weight:400}.feature-card p{max-width:35ch;margin:0;color:#635444;font-size:.92rem;line-height:1.62}.card-link{margin-top:auto;padding-top:34px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;color:#765336;border-top:1px solid rgba(118,83,54,.2)}.paper-panel{background:var(--paper);border:1px solid #a98c67;box-shadow:var(--shadow);position:relative}.paper-panel:after{content:"";position:absolute;inset:10px;border:1px solid rgba(123,84,49,.17);pointer-events:none}.home-story{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,5vw,92px);padding:clamp(35px,4vw,75px);align-items:center}.home-story h2{margin-bottom:21px}.home-story p:not(.kicker){color:#55483a;line-height:1.8;font-size:.96rem}.story-ornament{position:absolute;right:22px;top:15px;color:#9c7853}.story-quote{border-left:1px solid var(--line);padding:20px 0 20px 38px}.story-quote>span{font-size:5rem;color:#b99a72;line-height:.65;display:block}.story-quote p{font-style:italic;font-size:1.13rem!important;line-height:1.65!important;color:#5e4735!important}.story-quote small{font-size:.6rem;letter-spacing:.18em;color:#906b4a}.text-link{display:inline-flex;gap:20px;align-items:center;font-weight:700;letter-spacing:.06em;color:#64462d;padding-bottom:7px;border-bottom:1px solid #856140}.text-link:hover{color:#9d6b39}.link-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #a98962;background:rgba(249,236,210,.85)}.link-strip a{min-height:100px;display:flex;align-items:center;gap:16px;padding:20px 25px;border-right:1px solid #b49b78;transition:background .2s}.link-strip a:last-child{border-right:0}.link-strip a:hover{background:#fff7e3}.link-strip span{color:#9a7855;font-style:italic;font-size:1.2rem}.link-strip strong{font-size:.86rem;font-weight:400;line-height:1.4}.link-strip b{margin-left:auto;color:#926d47}.site-footer{background:rgba(60,43,32,.94);color:#f5e4c4;border:1px solid #694a33;margin:45px clamp(12px,2.2vw,46px) 22px;padding:30px clamp(24px,3vw,62px);display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer strong{display:block;letter-spacing:.14em;text-transform:uppercase;font-size:.9rem}.site-footer p{margin:10px 0 0;font-size:.7rem;color:#d2bfa1;line-height:1.7}.footer-links{display:flex;gap:23px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:.75rem;color:#edd4b0}.footer-links a:hover{text-decoration:underline}.page-intro{position:relative;text-align:center;padding:clamp(45px,4.8vw,95px) 26px clamp(42px,4.4vw,85px);background:linear-gradient(180deg,rgba(251,241,218,.66),rgba(252,239,214,.33));border:1px solid var(--line);border-top:0}.page-intro .kicker{margin-bottom:22px}.page-intro h1{font-size:clamp(3rem,5.2vw,7rem);line-height:1.02;margin:0;font-weight:400;letter-spacing:-.045em}.page-deck{margin:24px auto 20px;max-width:850px;color:#65513c;line-height:1.6;font-size:clamp(1.01rem,1.11vw,1.3rem)}.rule-ornament{display:flex;gap:22px;justify-content:center;align-items:center;font-size:.9rem;color:#96724b;margin-top:25px}.rule-ornament span{font-size:.62rem;letter-spacing:.17em}.page-intro:after{bottom:13px}.chapter-layout{margin-top:33px;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,335px);align-items:start;gap:22px}.article-prose{padding:clamp(33px,4vw,75px) clamp(28px,5vw,100px)}.article-prose section+section{margin-top:55px;padding-top:43px;border-top:1px solid var(--line)}.article-prose h2{font-size:clamp(1.7rem,2.2vw,2.7rem);line-height:1.2;font-weight:400;margin:0 0 21px;letter-spacing:-.018em}.article-prose p{line-height:1.89;color:#4f4438;margin:0 0 19px;font-size:1rem;max-width:75ch}.article-prose strong{font-weight:700;color:#3c3027}.article-prose .dropcap:first-letter{float:left;font-size:4.25em;line-height:.8;padding:9px 12px 2px 0;color:#916b41}.article-prose blockquote{padding:24px 32px;margin:32px 0;background:rgba(183,148,102,.12);border-left:3px solid #97734d;font-size:1.14rem;line-height:1.7;font-style:italic;color:#634c39}.article-prose .button{margin-top:20px}.note-inline{display:flex;gap:20px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin:26px 0}.note-inline span{font-size:.6rem;font-weight:700;letter-spacing:.13em;color:#886a49;min-width:95px;margin-top:6px}.note-inline p{margin:0;font-size:.88rem}.chapter-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:22px}.aside-card{background:rgba(249,236,211,.91);border:1px solid #a98c69;padding:29px 28px;box-shadow:0 10px 35px rgba(55,36,19,.1)}.aside-overline{margin:0 0 15px;font-size:.59rem;letter-spacing:.16em;color:#866744}.aside-card h3{font-size:1.5rem;font-weight:400;margin:0 0 20px}.aside-card>a{display:block;border-top:1px solid rgba(115,83,50,.22);padding:12px 0;font-size:.81rem;color:#594334}.aside-card>a:hover{color:#ad7138}.fact-card strong{display:block;font-size:1.6rem;font-weight:400;color:#553f2e;margin:12px 0 9px;line-height:1.2}.fact-card span{display:block;line-height:1.6;color:#695643;font-size:.79rem}.aside-rule{height:1px;background:var(--line);margin-top:26px}.aside-next{display:flex;flex-direction:column;gap:15px;background:#53402f;color:#f5e3c2;padding:28px;border:1px solid #76593d;transition:background .2s}.aside-next:hover{background:#6d5139}.aside-next small{font-size:.62rem;letter-spacing:.13em;color:#d8b98c}.aside-next strong{font-size:1.08rem;font-weight:400;display:flex;justify-content:space-between;gap:15px}.definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0}.definition-grid div{background:rgba(186,146,95,.13);border:1px solid rgba(145,104,61,.29);padding:22px}.definition-grid span{font-size:.65rem;color:#98734f}.definition-grid h3{font-size:1.25rem;font-weight:400;margin:11px 0}.definition-grid p{font-size:.77rem;line-height:1.6;margin:0}.chronology{margin-top:33px;padding:clamp(35px,5vw,90px) clamp(28px,5vw,115px)}.timeline{position:relative;max-width:1170px;margin:auto}.timeline:before{content:"";position:absolute;top:20px;bottom:30px;left:190px;width:1px;background:#b2936f}.timeline-entry{display:grid;grid-template-columns:190px minmax(0,1fr);gap:50px;padding:0 0 46px;position:relative}.timeline-entry:after{content:"✦";position:absolute;top:-2px;left:181px;color:#8f663d;background:#f4e4c6;font-size:17px}.timeline-year{text-align:right;font-size:1.35rem;color:#815d39;padding-top:0;line-height:1.3}.timeline-body h2{font-size:1.55rem;font-weight:400;line-height:1.3;margin:0 0 12px}.timeline-body p{font-size:.95rem;line-height:1.75;margin:0;max-width:66ch;color:#665341}.endnote{border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.endnote p{max-width:650px;line-height:1.7;font-size:.85rem;color:#64513d}.sources-panel{margin-top:33px;padding:clamp(33px,4.5vw,85px) clamp(30px,5vw,110px)}.source-intro p{color:#594c3e;line-height:1.8;max-width:80ch}.source-list{border-top:1px solid var(--line);margin:35px 0}.source-list a{display:grid;grid-template-columns:50px 1fr auto;gap:15px;padding:24px 8px;border-bottom:1px solid var(--line);align-items:center;transition:background .2s}.source-list a:hover{background:rgba(255,255,255,.4)}.source-number{font-size:1.1rem;color:#9c7850}.source-list strong{display:block;font-size:1.08rem;font-weight:400;margin-bottom:5px}.source-list small{display:block;font-size:.8rem;line-height:1.5;color:#665542}.source-list em{display:block;margin-top:8px;font-style:normal;font-size:.7rem;color:#8d6640}.external-arrow{font-size:1.2rem;color:#765233}.editorial-note{padding:25px 32px;background:rgba(173,140,96,.13);border-left:2px solid #ab8256}.editorial-note h2{font-weight:400;font-size:1.6rem}.editorial-note p{line-height:1.8;color:#5b4a38}.editorial-note small{font-size:.8rem}
@media(min-width:2300px){body{background-image:linear-gradient(rgba(255,250,235,.09),rgba(255,251,240,.12)),url('pirate-map-4k.webp')}.site-shell{width:min(88vw,2120px)}.hero{min-height:750px}.article-prose p{line-height:1.92}}
@media(max-width:1180px){.masthead{grid-template-columns:1fr;justify-items:center;padding:25px}.login-panel{justify-content:center}.login-panel .login-title{text-align:center}.chapter-layout{grid-template-columns:minmax(0,1fr) 270px}.hero{padding:55px 40px}.hero-medallion{width:260px}.feature-card{padding:26px}.card-art{right:28px}.home-story{gap:20px}}
@media(max-width:850px){body{background-attachment:scroll}.site-shell{width:100%}.primary-nav{padding:4px 6px}.primary-nav a{min-height:46px;padding:10px 13px}.hero{grid-template-columns:1fr;min-height:0;text-align:center;padding:48px 28px 58px}.eyebrow,.hero-actions{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-medallion{display:none}.hero h1{font-size:clamp(3.5rem,11vw,6rem)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.feature-card h3{margin-top:30px}.section-heading{align-items:start;flex-direction:column}.home-story{grid-template-columns:1fr}.story-quote{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.chapter-layout{grid-template-columns:1fr}.chapter-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.aside-next{grid-column:span 2}.link-strip{grid-template-columns:1fr}.link-strip a{border-right:0;border-bottom:1px solid #b49b78}.site-footer{flex-direction:column;text-align:center}.footer-links{justify-content:center}}
@media(max-width:560px){.masthead{padding:23px 12px 17px}.brand{gap:12px}.brand-mark{width:43px;height:43px;outline-offset:2px;font-size:1.6rem}.brand-name{font-size:1.3rem}.brand-caption{letter-spacing:.07em;font-size:.49rem}.login-panel{gap:6px;width:100%}.login-panel input{min-width:0;width:calc((100% - 85px - 12px)/2);font-size:.75rem}.login-panel button{padding:0 12px;width:85px}.primary-nav{justify-content:center}.primary-nav a{font-size:.69rem;min-height:43px;padding:7px 10px}.site-main>.page-intro,.site-main>.section-block,.site-main>.home-story,.site-main>.hero,.site-main>.stat-ribbon,.site-main>.chapter-layout,.site-main>.chronology,.site-main>.sources-panel{margin-left:10px;margin-right:10px}.hero{padding:46px 23px 52px}.hero h1{font-size:3.9rem}.hero-subtitle{font-size:1.4rem}.eyebrow{font-size:.5rem;letter-spacing:.12em}.eyebrow-line{width:13px}.chapter-label{margin-top:25px}.hero-lead{font-size:.96rem}.hero-actions{flex-direction:column}.button{width:100%}.stat-ribbon{grid-template-columns:1fr;gap:10px;padding:18px}.stat-ribbon i{display:none}.stat-ribbon div{padding:8px 0}.stat-ribbon div+div{border-top:1px solid rgba(255,255,255,.2)}.section-block{margin-top:43px}.section-heading{padding:0 4px 16px}.section-heading h2{font-size:1.85rem}.home-story{padding:34px 26px}.page-intro{padding:44px 15px 42px}.page-intro h1{font-size:clamp(2.5rem,11vw,4rem)}.page-deck{font-size:1rem}.chapter-layout{gap:13px}.article-prose{padding:38px 27px}.article-prose section+section{margin-top:34px;padding-top:32px}.article-prose h2{font-size:1.75rem}.chapter-sidebar{grid-template-columns:1fr}.aside-next{grid-column:auto}.definition-grid{grid-template-columns:1fr}.definition-grid div{padding:16px}.chronology,.sources-panel{padding:32px 23px}.timeline:before{left:86px}.timeline-entry{grid-template-columns:86px minmax(0,1fr);gap:21px;padding-bottom:35px}.timeline-entry:after{left:78px}.timeline-year{font-size:.88rem}.timeline-body h2{font-size:1.25rem}.timeline-body p{font-size:.83rem}.endnote{flex-direction:column;align-items:start}.source-list a{grid-template-columns:28px 1fr 16px;gap:10px}.source-list strong{font-size:.97rem}.editorial-note{padding:20px}.site-footer{margin:35px 10px 14px;padding:27px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}