/* Общий стиль старых страниц /oldx/ */
:root{--paper:#faf9f1;--moss:#587542;--pine:#294638;--sage:#e4ecd8;--line:#d3ddc6;--muted:#6c7865;--gold:#a28b55}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#2f4033;background:radial-gradient(circle at 8% 0,#dce8c9 0,transparent 35%),radial-gradient(circle at 100% 35%,#f0e5c9 0,transparent 32%),#f2f4e9;font:16px/1.7 "Segoe UI",Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:radial-gradient(#314b35 1px,transparent 1px);background-size:7px 7px}
a{color:var(--moss);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s,background .2s,transform .2s}
a:hover{color:#8a9149}
#container{width:min(1240px,calc(100% - 28px));margin:auto}
#oldx-header{padding:18px 0 14px}
.oldx-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--pine)}
.oldx-mark{width:64px;height:64px;display:grid;place-items:center;position:relative;border-radius:22px;background:linear-gradient(145deg,#718950,#2c4d3b);box-shadow:0 7px 18px #29463822}
.oldx-mark:before{content:"";width:35px;height:27px;border-radius:55% 48% 58% 44%;background:#eff2dc;transform:translate(4px,3px) rotate(-8deg)}
.oldx-mark:after{content:"•";position:absolute;color:#294638;left:43px;top:22px;font-size:17px}
.oldx-brand strong{display:block;font:400 clamp(24px,4vw,38px)/1.05 Georgia,serif;letter-spacing:-.7px}
.oldx-brand span{display:block;color:var(--muted);font-size:12px;letter-spacing:.7px}
#oldx-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px;padding:7px;border:1px solid var(--line);border-radius:9px;background:#ffffffa8;box-shadow:0 3px 12px #314b3509}
#oldx-nav a{padding:7px 10px;border-radius:6px;text-decoration:none;font-size:13px}
#oldx-nav a:hover{background:var(--sage);transform:translateY(-1px)}
#oldx-nav .oldx-nav-more{margin-left:auto;color:#6f7d62;font-size:12px}
#oldx-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:26px;align-items:start}
#main{min-width:0;padding:22px 24px;border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:0 9px 28px #314b350d}
#main h1,#main h2{font:400 clamp(25px,4vw,34px)/1.2 Georgia,serif;color:var(--pine);margin:0 0 17px}
#main h2{font-size:26px;padding-bottom:12px;border-bottom:1px solid var(--line)}
#main h2:before{content:"✦";display:inline-block;margin-right:9px;color:#9aac79;font-size:17px;transform:translateY(-2px)}
#main p{margin:0 0 15px}
.oldx-intro{padding:16px 18px;margin-bottom:20px;border-left:3px solid #8da56a;border-radius:0 8px 8px 0;background:#edf2e2;color:#52634f}
.oldx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;margin:0;list-style:none}
.oldx-list li{margin:0;padding:0}
.oldx-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:#fffef8;text-decoration:none;box-shadow:0 3px 10px #314b3508}
.oldx-list a:after{content:"↗";color:#9baa80}.oldx-list a:hover{background:#e6eed9;transform:translateX(3px);box-shadow:0 7px 16px #314b3515}
.oldx-rule{height:1px;border:0;margin:25px 0;background:var(--line)}
.oldx-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 13px;font:400 23px Georgia,serif;color:var(--pine)}
.oldx-section-title small{font:11px "Segoe UI",sans-serif;color:var(--muted)}
.oldx-series{margin:0 0 10px;border:1px solid var(--line);border-radius:8px;background:#f6f8ee;overflow:hidden}
.oldx-series summary{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;color:#4d6c3c;cursor:pointer}.oldx-series summary:after{content:"+";font-size:20px}.oldx-series[open] summary:after{transform:rotate(45deg)}
.oldx-series summary:hover{background:#e6eed9}.oldx-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(37px,1fr));gap:6px;padding:12px;border-top:1px solid var(--line)}
.oldx-pages a{display:grid;place-items:center;min-height:34px;border:1px solid #d1ddc2;border-radius:5px;background:#fffef9;text-decoration:none;font-size:12px}.oldx-pages a:hover{background:var(--moss);color:#fff;transform:translateY(-2px)}
#sidebar{display:grid;gap:13px;min-width:0}.oldx-card{padding:16px;border:1px solid var(--line);border-radius:9px;background:#fbfcf5;box-shadow:0 6px 20px #314b350c}.oldx-card h3{margin:0 0 9px;font:400 20px Georgia,serif;color:var(--pine)}.oldx-card p{font-size:13px;color:var(--muted);margin:0 0 9px}.oldx-card ul{margin:0;padding-left:18px;font-size:13px}.oldx-card li{margin-bottom:5px}.oldx-card a{text-decoration:none}.oldx-card a:hover{background:#e1ead2}.oldx-mini-title{display:block;color:#738957;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;margin-bottom:7px}.oldx-note{background:linear-gradient(145deg,#e4ecd9,#f4efd9)}.oldx-note strong{font:400 22px Georgia,serif;display:block;color:#52663e}.oldx-contact{font-size:12px;color:var(--muted)}
#perfot{text-align:center}.oldx-photo-frame{display:inline-block;max-width:100%;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fffef7;box-shadow:0 9px 23px #314b3517}.oldx-photo-frame img{display:block;max-width:100%;height:auto;border-radius:6px}.oldx-photo-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:13px}.oldx-photo-nav a,.oldx-photo-nav span{padding:5px 10px;border-radius:5px;background:#e6edd9;text-decoration:none;font-size:13px}.oldx-photo-nav a:hover{background:var(--moss);color:#fff;transform:translateY(-2px)}
#oldx-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:27px 0 16px;padding:15px 2px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}#oldx-footer a{margin-left:12px;text-decoration:none}.oldx-top{width:29px;height:29px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#edf2e2;text-decoration:none}
@media(max-width:760px){#oldx-layout{grid-template-columns:1fr;gap:15px}#sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.oldx-card:last-child{grid-column:1/-1}.oldx-list{grid-template-columns:1fr}#main{padding:18px 15px}#oldx-footer{flex-direction:column;align-items:flex-start}}
@media(max-width:460px){#container{width:min(100% - 18px,1240px)}.oldx-brand strong{font-size:25px}.oldx-mark{width:54px;height:54px}.oldx-mark:before{width:31px;height:24px}.oldx-mark:after{left:37px;top:17px}.oldx-list a{font-size:14px}#sidebar{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
