/*
Theme Name: Panel Theme
Theme URI:  https://github.com/blogport/wp-skeleton
Author:     Blogport
Author URI: https://github.com/blogport
Description: Minimal classic theme for Blogport managed WordPress sites. The frontend on this theme is what Simply Static crawls; visitors see the static HTML produced from these templates rather than this theme directly.
Version:    1.0.0
Requires PHP: 8.2
License:    Proprietary
Text Domain: panel-theme
*/

:root {
    --pt-bg: #ffffff;
    --pt-fg: #1a1a1a;
    --pt-muted: #666;
    --pt-link: #2563eb;
    --pt-border: #e5e5e5;
    --pt-radius: 6px;
    --pt-content-width: 720px;
}

*, *::before, *::after { box-sizing: border-box; }

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Instrument Sans", sans-serif;
    color: var(--pt-fg);
    background: var(--pt-bg);
    line-height: 1.6;
}

a { color: var(--pt-link); text-decoration: none; }
a:hover { text-decoration: underline; }

.pt-shell {
    max-width: var(--pt-content-width);
    margin: 0 auto;
    padding: 32px 20px;
}

.pt-site-header {
    border-bottom: 1px solid var(--pt-border);
    padding-bottom: 16px;
    margin-bottom: 32px;
}

.pt-site-title {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.pt-site-description {
    color: var(--pt-muted);
    font-size: 14px;
    margin: 4px 0 0;
}

.pt-post {
    margin-bottom: 48px;
}

.pt-post-title { font-size: 28px; font-weight: 600; margin: 0 0 8px; }
.pt-post-meta { color: var(--pt-muted); font-size: 13px; margin-bottom: 16px; }
.pt-post-meta a { color: var(--pt-muted); }

.pt-content > * + * { margin-top: 16px; }
.pt-content img { max-width: 100%; height: auto; border-radius: var(--pt-radius); }
.pt-content h2, .pt-content h3 { margin-top: 32px; margin-bottom: 12px; }
.pt-content blockquote {
    border-left: 3px solid var(--pt-border);
    padding-left: 16px;
    color: var(--pt-muted);
    font-style: italic;
}
.pt-content pre, .pt-content code {
    background: #f5f5f5;
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, monospace;
    font-size: 14px;
}
.pt-content pre { padding: 12px; overflow-x: auto; }
.pt-content code { padding: 2px 6px; }

.pt-archive-list { list-style: none; padding: 0; margin: 0; }
.pt-archive-list li { padding: 12px 0; border-bottom: 1px solid var(--pt-border); }
.pt-archive-list li:last-child { border-bottom: none; }

.pt-pagination { margin-top: 32px; display: flex; justify-content: space-between; }

.pt-site-footer {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--pt-border);
    color: var(--pt-muted);
    font-size: 13px;
    text-align: center;
}