.plka-home-top { display: grid; grid-template-columns: minmax(0,1fr) 330px; background: #111; }
.plka-home-top__hero { min-width: 0; }
.plka-hero { position: relative; min-height: 570px; isolation: isolate; overflow: hidden; background: #191919; color: #fff; }
.plka-hero__visual, .plka-hero__overlay { position: absolute; inset: 0; }
.plka-hero__visual .plka-post-image, .plka-hero__visual .plka-image-placeholder { height: 100%; }
.plka-hero__visual img { filter: saturate(.86) contrast(1.06); }
.plka-hero__overlay { background: linear-gradient(180deg,transparent 20%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.9) 88%); z-index: 1; }
.plka-hero__content { position: absolute; z-index: 3; left: clamp(22px,4vw,58px); right: clamp(22px,4vw,58px); bottom: 28px; }
.plka-hero__content h1 { max-width: 1080px; margin: 8px 0 10px; font: 900 clamp(35px,4.6vw,72px)/.94 var(--plka-font-serif); text-wrap: balance; }
.plka-hero__content h1 a { text-decoration: none; }
.plka-hero__summary { max-width: 900px; font-size: clamp(17px,1.7vw,22px); line-height: 1.32; }
.plka-hero__summary p { margin: 0; }
.plka-hero__actions { display: flex; align-items: center; gap: 20px; margin-top: 14px; }
.plka-hero__actions .plka-post-meta { color: #e7e0d6; }
.plka-hero__scrap { position: absolute; z-index: 2; left: 22px; top: 24px; padding: 14px; background: rgba(241,237,228,.92); color: #111; font: 800 clamp(16px,2vw,27px)/1.1 var(--plka-font-hand); transform: rotate(-8deg); box-shadow: 8px 9px 0 rgba(0,0,0,.22); }
.plka-hero--empty { display: flex; align-items: flex-end; padding: 50px; }
.plka-hero--empty .plka-hero__content { position: relative; inset: auto; }
.plka-hero--empty h1 { font-family: var(--plka-font-display); text-transform: uppercase; }
.plka-now { position: relative; margin: 24px 18px 24px 0; padding: 26px 22px 18px; background: var(--plka-paper); color: #111; transform: rotate(-.4deg); box-shadow: 0 12px 26px rgba(0,0,0,.3); }
.plka-now__pin { position: absolute; width: 12px; height: 12px; right: 18px; top: 12px; border-radius: 50%; background: #202020; box-shadow: 1px 2px 2px rgba(0,0,0,.3); }
.plka-now h2 { margin: 0 0 16px; font: 900 28px/1 var(--plka-font-display); }
.plka-now__list { list-style: none; padding: 0; margin: 0 0 14px; }
.plka-now__list li { display: grid; grid-template-columns: 44px 1fr; gap: 8px; padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,.12); }
.plka-now__list time { color: var(--plka-red); font: 800 11px/1.35 var(--plka-font-sans); }
.plka-now__list a { font-size: 14px; line-height: 1.3; text-decoration: none; }
.plka-now__list a:hover { text-decoration: underline; }
.plka-empty-copy { color: #5f5a53; font-size: 14px; }
.plka-series-makak-grid { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(330px,.9fr); gap: clamp(28px,4vw,58px); align-items: stretch; }
.plka-series-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.plka-series-card__visual { display: block; aspect-ratio: 1.5; overflow: hidden; background: #111; }
.plka-series-card__visual .plka-post-image, .plka-series-card__visual .plka-image-placeholder { height: 100%; }
.plka-series-card h3 { margin: 10px 0 4px; font: 800 20px/1.05 var(--plka-font-serif); }
.plka-series-card h3 a { text-decoration: none; }
.plka-series-card p { margin: 0; color: #5a554e; font-size: 13px; }
.plka-home-lower-grid { display: grid; grid-template-columns: .9fr 1.25fr .9fr; gap: clamp(28px,4vw,54px); align-items: start; }
.plka-archive-card { position: relative; }
.plka-archive-card > a:first-child { display: block; aspect-ratio: 1.55; overflow: hidden; }
.plka-archive-card__note { position: absolute; right: -6px; top: 28%; max-width: 180px; padding: 18px 12px; background: #ebe5da; box-shadow: 5px 6px 0 rgba(0,0,0,.14); font: 800 13px/1.2 var(--plka-font-hand); transform: rotate(-4deg); }
.plka-archive-card h3 { margin: 14px 0 8px; font: 800 24px/1.08 var(--plka-font-serif); }
.plka-archive-card h3 a { text-decoration: none; }
.plka-other-rubrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 1px; background: #3b3b3b; }
.plka-other-rubrics article { min-height: 230px; padding: 24px; background: #151515; }
.plka-other-rubrics article > span { color: var(--plka-red); font: 900 12px/1 var(--plka-font-sans); }
.plka-other-rubrics h3 { margin: 14px 0 28px; font: 800 21px/1.13 var(--plka-font-serif); }
.plka-other-rubrics h3 a { text-decoration: none; }
.plka-other-rubrics .plka-text-link { color: var(--plka-yellow); }
.plka-article__header { padding: clamp(52px,7vw,94px) 0 34px; background: var(--plka-paper); }
.plka-article__header h1 { margin: 12px 0 18px; font: 900 clamp(42px,6vw,78px)/.98 var(--plka-font-serif); text-wrap: balance; }
.plka-article__lead { font-size: clamp(19px,2.2vw,25px); line-height: 1.38; color: #39352f; }
.plka-article__lead p { margin: 0; }
.plka-article__byline { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; margin-top: 22px; font: 13px/1.3 var(--plka-font-sans); }
.plka-article__hero { padding: 0; max-height: 820px; overflow: hidden; background: #111; }
.plka-article__hero .plka-post-image { max-height: 820px; }
.plka-article__hero img { max-height: 820px; }
.plka-article__layout { position: relative; padding-block: 48px 70px; }
.plka-article__share { position: absolute; right: calc(100% + 28px); top: 58px; display: grid; gap: 8px; justify-items: center; color: #666; font: 800 10px/1 var(--plka-font-sans); }
.plka-article__share button, .plka-article__share a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #c7bfb2; border-radius: 50%; background: #fff; color: #111; text-decoration: none; cursor: pointer; }
.plka-article__content { font-size: clamp(18px,1.5vw,21px); }
.plka-prose { line-height: 1.72; }
.plka-prose h2, .plka-prose h3, .plka-prose h4 { line-height: 1.12; margin: 1.65em 0 .55em; }
.plka-prose h2 { font-size: clamp(29px,3.5vw,45px); }
.plka-prose h3 { font-size: clamp(24px,2.8vw,34px); }
.plka-prose p, .plka-prose ul, .plka-prose ol, .plka-prose blockquote { margin: 0 0 1.2em; }
.plka-prose a { color: #a90d1b; }
.plka-prose blockquote { margin-inline: 0; padding: 18px 24px; border-left: 6px solid var(--plka-red); background: #ebe6dd; font-size: 1.08em; }
.plka-prose img { height: auto; margin: 30px auto; }
.plka-prose table { width: 100%; border-collapse: collapse; margin: 28px 0; font-family: var(--plka-font-sans); font-size: 15px; }
.plka-prose th, .plka-prose td { padding: 10px; border: 1px solid #c9c1b6; text-align: left; }
.plka-prose pre { max-width: 100%; overflow: auto; padding: 18px; background: #111; color: #f5f2ea; font-size: 14px; }
.plka-article__footer { padding: 18px 0 36px; background: var(--plka-paper); border-top: 1px solid #d0c8bc; }
.plka-article__footer .plka-container { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font: 800 11px/1 var(--plka-font-sans); }
.plka-article__footer a { padding: 7px 10px; background: #111; color: #fff; text-decoration: none; }
.plka-series-index { display: grid; gap: 32px; }
.plka-series-index__item { display: grid; grid-template-columns: minmax(240px,.8fr) 1.2fr; gap: 28px; align-items: center; padding-bottom: 32px; border-bottom: 1px solid #cfc6b8; }
.plka-series-index__image { aspect-ratio: 1.55; overflow: hidden; }
.plka-series-index__image .plka-post-image, .plka-series-index__image .plka-image-placeholder { height: 100%; }
.plka-series-index h2 { margin: 4px 0 10px; font: 900 clamp(32px,4vw,54px)/1 var(--plka-font-serif); }
.plka-series-index h2 a { text-decoration: none; }
.plka-fun-page { padding: clamp(60px,8vw,110px) 0; min-height: 70vh; background: #111; color: #fff; }
.plka-fun-page__lead { max-width: 760px; margin: 18px 0 0; color: #c9c0b3; font-size: 19px; }
.plka-fun-page__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 34px; }
.plka-fun-page__grid a { min-height: 230px; display: grid; align-content: center; justify-items: center; gap: 10px; padding: 24px; background: #191919; border: 1px solid #323232; text-align: center; text-decoration: none; }
.plka-fun-page__grid a:hover { background: #202020; border-color: var(--plka-yellow); }
.plka-fun-page__grid span { font-size: 56px; }
.plka-fun-page__grid strong { font: 900 25px/1 var(--plka-font-display); }
.plka-fun-page__grid small { color: #b9b1a5; }
.plka-wiki-page, .plka-support-page { min-height: 70vh; padding: clamp(70px,9vw,130px) 0; background: var(--plka-paper); }
.plka-paper-note { margin-top: 32px; padding: 28px; background: #fff; border: 1px solid #d8d0c4; box-shadow: var(--plka-shadow); }
.plka-paper-note strong { font-size: 23px; }
.plka-support-page { background: var(--plka-red); color: #fff; }
.plka-support-page .plka-kicker { color: var(--plka-yellow); }
.plka-support-page__lead { max-width: 800px; font-size: clamp(20px,2.7vw,31px); }
.plka-support-page__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.plka-static-hero { padding: 70px 0 40px; background: #111; color: #fff; }
.plka-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; color: #bbb; font: 12px/1 var(--plka-font-sans); }
.plka-breadcrumbs a { color: inherit; }
.plka-static-content { padding: 28px 0; font-size: 19px; }
.plka-search-result-note { margin: 0 0 26px; font-family: var(--plka-font-sans); }
.plka-error-page { min-height: 70vh; display: grid; place-items: center; padding: 80px 0; background: #111; color: #fff; text-align: center; }
.plka-error-page__code { margin: 0; color: var(--plka-red); font: 900 clamp(90px,18vw,240px)/.75 var(--plka-font-display); }
.plka-error-page h1 { margin: 30px 0 10px; font: 900 clamp(36px,6vw,76px)/.95 var(--plka-font-display); }
.plka-error-page p { color: #ccc; font-size: 20px; }

.plka-tool-hero { position:relative; min-height:52vh; display:grid; align-items:center; padding:clamp(64px,8vw,120px) 0; overflow:hidden; background:#0d0d0d; color:#fff; }
.plka-tool-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:radial-gradient(circle,var(--plka-yellow) 0 .7px,transparent .9px),repeating-linear-gradient(-11deg,transparent 0 20px,rgba(255,255,255,.08) 20px 21px); background-size:17px 17px,auto; }
.plka-tool-hero > * { position:relative; }
.plka-tool-hero__back { display:inline-flex; margin-bottom:26px; color:var(--plka-yellow); font:900 12px/1 var(--plka-font-sans); text-decoration:none; }
.plka-tool-hero__mark { position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(7deg); color:rgba(255,213,31,.13); font:900 clamp(150px,24vw,330px)/.7 var(--plka-font-display); pointer-events:none; }
.plka-tool-hero__lead { max-width:720px; margin:22px 0 0; color:#d8d0c5; font-size:clamp(19px,2vw,27px); line-height:1.38; }
.plka-tool-panel { position:relative; overflow:hidden; padding:clamp(28px,5vw,58px); background:#fffdf7; border:1px solid #d3cabd; box-shadow:var(--plka-shadow); }
.plka-tool-panel h2 { max-width:700px; margin:0 0 18px; font:900 clamp(31px,4vw,54px)/1 var(--plka-font-serif); }
.plka-tool-panel > p { max-width:780px; font-size:18px; }
.plka-tool-panel__stamp { position:absolute; right:-34px; top:26px; padding:9px 44px; background:var(--plka-red); color:#fff; font:900 10px/1 var(--plka-font-sans); letter-spacing:.09em; transform:rotate(7deg); }
.plka-tool-panel__hint { padding:15px 18px; border-left:5px solid var(--plka-yellow); background:#eee8dd; color:#5b554d; font-family:var(--plka-font-sans); font-size:14px!important; }
.plka-tool-panel__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
