.pin-page { padding: 48px 0 80px; }
        .pin-page h1 { font-size: 1.9rem; margin-bottom: 8px; }
        .pin-page .subtitle { color: var(--gray); margin-bottom: 32px; max-width: 700px; }
        .pin-card {
            background: var(--gray-bg);
            border: 1px solid var(--gray-border);
            border-radius: var(--radius);
            padding: 24px 28px;
            margin-bottom: 16px;
        }
        .pin-card h2 { font-size: 1.1rem; margin-bottom: 12px; color: var(--dark); display: flex; align-items: center; gap: 8px; }
        .pin-card h2 .icon-theme { width: 1.3rem; height: 1.3rem; }
        .pin-card ol, .pin-card ul { margin: 0 0 0 20px; padding: 0; }
        .pin-card li { font-size: 0.95rem; color: var(--gray); margin-bottom: 8px; line-height: 1.6; }
        .pin-card li strong { color: var(--dark); }
        .pin-contact {
            background: var(--white);
            border: 1px solid var(--gray-border);
            border-left: 4px solid var(--amber);
            border-radius: 8px;
            padding: 14px 18px;
            margin: 10px 0;
            font-size: 0.92rem;
        }
        .pin-contact .label { font-weight: 700; color: var(--dark); }
        .pin-warning {
            background: #fef2f2;
            border-left: 4px solid #dc2626;
            border-radius: 8px;
            padding: 16px 20px;
            font-size: 0.9rem;
            color: var(--gray);
            margin-bottom: 16px;
        }
        .pin-warning strong { color: var(--dark); }
        .pin-disclaimer {
            margin-top: 28px;
            padding: 16px 20px;
            background: var(--callout-warning-bg);
            border: 1px solid var(--border);
            border-left: 4px solid var(--amber);
            border-radius: 8px;
            font-size: 0.85rem;
            color: var(--callout-warning-text);
        }
.pin-related { margin-top: 28px; }
.pin-related h2 { margin-bottom: 12px; }
.pin-related ul { padding-left: 22px; margin: 0; }
.pin-related li { margin-bottom: 8px; font-size: 0.95rem; line-height: 1.5; }
        :root[data-theme="dark"] .pin-card { background: #292524; border-color: #44403c; }
        :root[data-theme="dark"] .pin-card h2 { color: #f5f5f4; }
        :root[data-theme="dark"] .pin-card li { color: #d6d3d1; }
        :root[data-theme="dark"] .pin-card li strong { color: #f5f5f4; }
        :root[data-theme="dark"] .pin-contact { background: #292524; border-color: #44403c; border-left-color: var(--amber); }
        :root[data-theme="dark"] .pin-contact .label { color: #f5f5f4; }
        :root[data-theme="dark"] .pin-warning { background: rgba(127,29,29,0.35); border-left-color: #ef4444; color: #fecaca; }
        :root[data-theme="dark"] .pin-warning strong { color: #f5f5f4; }
        :root[data-theme="dark"] .pin-disclaimer { background: var(--callout-warning-bg); color: var(--callout-warning-text); border-color: var(--border); }
        :root[data-theme="warm"] .pin-card { background: #fefce8; }
        :root[data-theme="warm"] .pin-contact { background: #fffef5; }
        :root[data-theme="warm"] .pin-warning { background: #fef2f2; }
        :root[data-theme="warm"] .pin-disclaimer { background: var(--callout-warning-bg); color: var(--callout-warning-text); border-color: var(--border); }

        @media (max-width: 600px) and (orientation: portrait) {
            .pin-card { padding: 16px; border-radius: 12px; }
            .pin-card h2 { font-size: 1rem; line-height: 1.3; }
            .pin-card li { font-size: 0.86rem; line-height: 1.45; margin-bottom: 6px; }
            .pin-warning,
            .pin-disclaimer,
            .pin-related { margin-inline: 16px; }
            .pin-warning,
            .pin-disclaimer { padding: 12px 14px; font-size: 0.8rem; line-height: 1.45; }
            .pin-related { margin-top: 22px; }
            .pin-related ul { padding-left: 20px; }
            .pin-related li { font-size: 0.84rem; line-height: 1.45; margin-bottom: 8px; }
        }