.topic-shell{max-width:1120px;margin:0 auto;padding:48px 30px 64px}.topic-hero{max-width:850px;margin:24px 0 34px}.topic-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-1.6px;margin:18px 0}.topic-lead{font-size:18px;line-height:1.65;color:#66766d;max-width:760px}.topic-intro-links,.topic-related{display:flex;flex-wrap:wrap;gap:12px}.topic-intro-links a,.topic-related a{padding:10px 14px;border:1px solid #d8e2dc;border-radius:8px;font-size:13px;background:#fff}.topic-live{margin:30px 0}.topic-status{padding:12px 16px;border-radius:8px;background:#eaf2ec;color:#315b4b;font-size:13px;line-height:1.6;margin:16px 0}.topic-status.warning{background:#faf0dc;color:#775319}.topic-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.topic-kpi{padding:22px;background:#fff;border:1px solid #dfe5df;border-radius:12px}.topic-kpi span{display:block;font-size:12px;color:#627469;line-height:1.5}.topic-kpi strong{display:block;font-size:30px;line-height:1.3;margin:10px 0;color:#163d37}.topic-kpi small{font-size:13px;font-weight:400}.topic-chart{min-height:240px}.topic-chart svg{display:block;width:100%;height:auto}.topic-table{overflow-x:auto}.topic-table table{width:100%;border-collapse:collapse;font-size:13px}.topic-table caption{text-align:left;padding:14px 0;color:#627469;font-size:12px}.topic-table th,.topic-table td{padding:12px 14px;border-bottom:1px solid #e3e8e2;text-align:left}.topic-table td:last-child,.topic-table th:last-child{text-align:right}.topic-article{max-width:800px;margin:44px 0}.topic-article h2{font-size:25px;margin:30px 0 14px;letter-spacing:-.6px}.topic-article h3{font-size:18px;margin-top:24px}.topic-article p,.topic-article li{font-size:15px;line-height:1.8;color:#506159}.topic-article a,.topic-source a{color:#1d6c56;text-decoration:underline;text-underline-offset:3px}.topic-source{font-size:12px;line-height:1.7;color:#64766b;margin-top:18px}.topic-retry{border:1px solid #b9cfc1;background:#fff;border-radius:7px;padding:10px 14px;color:#234e3c;cursor:pointer;font:inherit;font-size:13px}.topic-retry:disabled{opacity:.55;cursor:wait}.topic-periods{display:grid;gap:10px;padding:0;list-style:none}.topic-periods li{padding:12px 16px;border-left:3px solid #c58c30;background:#faf4e8;border-radius:0 8px 8px 0;font-size:14px}.topic-mix-bar{display:flex;height:24px;border-radius:8px;overflow:hidden;margin:20px 0}.topic-mix-bar span{min-width:1px}.trade-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.trade-controls .segmented{flex-wrap:wrap}.trade-controls .segmented button{font-size:13px;padding:11px 15px}.trade-map{margin:14px 0;overflow-x:auto}.trade-map svg{display:block;width:100%;min-width:620px;max-height:660px}.trade-map .map-land{fill:#e9eee6;stroke:#cad6cb;stroke-width:1.4}.trade-map .map-germany{fill:#163d37;stroke:#163d37;stroke-width:2}.trade-map .map-label{font-family:inherit;font-size:14px;font-weight:600;fill:#274b3d}.trade-map .map-value{font-size:14px;font-weight:700}.trade-map .map-node{fill:#fff;stroke:#d7e1d8;stroke-width:1.4}.trade-map .map-note{font-size:11px;fill:#788c7d}.trade-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;line-height:1.7;color:#52695a}.trade-legend i{display:inline-block;width:22px;height:3px;vertical-align:middle;margin-right:7px}.trade-table .flow-import{color:#1e7560}.trade-table .flow-export{color:#9e6925}.topic-readout{min-height:42px;font-size:13px;line-height:1.6;color:#4a6655;padding:10px 0}.topic-article details{border-bottom:1px solid #dae3db;padding:14px 0}.topic-article summary{font-size:15px;font-weight:600;cursor:pointer}.topic-shell :focus-visible{outline:3px solid #688f55;outline-offset:4px}.trade-caption{font-size:12px;line-height:1.6;color:#63796b}
@media(max-width:640px){.topic-shell{padding:26px 18px 44px}.topic-hero{margin-top:20px}.topic-hero h1{letter-spacing:-1px}.topic-lead{font-size:16px}.topic-kpis{grid-template-columns:1fr;gap:10px}.topic-kpi{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px}.topic-kpi strong{font-size:25px;margin:0}.topic-live.panel{padding:20px 16px}.topic-chart{min-height:160px}.topic-table th,.topic-table td{padding:11px 8px;font-size:12px}.topic-article h2{font-size:23px}.topic-article p,.topic-article li{font-size:15px}.trade-map .map-label{font-size:17px}.trade-map .map-value{font-size:16px}.trade-controls .segmented{width:100%}.trade-controls .segmented button{flex:1;font-size:12px;padding:10px 8px}.topic-intro-links a,.topic-related a{font-size:12px}.trade-legend{gap:12px}}