/* ─── 記事・FAQ ─── */
            .cron-page .article-content {
                background: #fff;
                padding: 30px;
                border-radius: var(--radius);
                border: 1px solid var(--border-soft);
            }
            .cron-page .article-content h3 {
                font-size: 1.25rem;
                border-bottom: 2px solid var(--primary);
                padding-bottom: 8px;
                margin-bottom: 20px;
                margin-top: 35px;
                color: var(--dark);
            }
            .cron-page .article-content h3:first-child {
                margin-top: 0;
            }
            .cron-page .article-content p {
                line-height: 1.7;
                margin-bottom: 15px;
                font-size: 0.95rem;
                color: #444;
            }
            .cron-page .article-content ul {
                padding-left: 20px;
                margin-bottom: 20px;
                font-size: 0.95rem;
                color: #444;
            }
            .cron-page .article-content li {
                margin-bottom: 8px;
                line-height: 1.6;
            }
            .cron-page .panel-label {
                font-size: 1rem;
                font-weight: bold;
                color: var(--dark);
                display: block;
                margin-bottom: 8px;
            }

            /* FAQ Styles */
            .cron-page .faq-item {
                margin-bottom: 20px;
                background: #f8f9fa;
                border-radius: var(--radius-sm);
                padding: 16px 20px;
                border-left: 3px solid var(--primary);
            }
            .cron-page .faq-q {
                font-weight: bold;
                color: var(--dark);
                font-size: 1rem;
                margin-bottom: 8px;
                display: flex;
                gap: 8px;
            }
            .cron-page .faq-q::before {
                content: "Q.";
                color: var(--primary);
            }
            .cron-page .faq-a {
                font-size: 0.9rem;
                color: #555;
                line-height: 1.6;
                display: flex;
                gap: 8px;
            }
            .cron-page .faq-a::before {
                content: "A.";
                color: var(--muted);
                font-weight: bold;
            }

            /* Related Tools */
            .cron-page .related-tools-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
                gap: 12px;
                margin-top: 15px;
            }
            .cron-page .related-tool-card {
                display: block;
                padding: 12px 15px;
                background: #fff;
                border: 1px solid var(--border-soft);
                border-radius: var(--radius-sm);
                text-decoration: none;
                transition: all 0.2s;
            }
            .cron-page .related-tool-card:hover {
                border-color: var(--primary);
                background: #f1f8ff;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            }
            .cron-page .rt-title {
                display: block;
                font-weight: bold;
                color: var(--primary);
                font-size: 0.95rem;
                margin-bottom: 4px;
            }
            .cron-page .rt-desc {
                display: block;
                font-size: 0.8rem;
                color: var(--muted);
                line-height: 1.4;
            }
        
/* Cron-specific styles: existing global rules are not modified. */
.cron-page { min-width: 0; }
.cron-page [hidden] { display: none !important; }
.cron-shell { max-width: 1080px; margin: 0 auto; }
.cron-page .tool-title { margin: 14px 0 12px; }
.cron-page .tool-lead { margin-bottom: 12px; }
.cron-input-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 18px; }
.cron-panel { padding: 22px; border: 1px solid var(--border-soft); border-radius: var(--radius); background: var(--surface); min-width: 0; }
.cron-input-grid .cron-panel { display: flex; flex-direction: column; align-items: stretch; }
.cron-step { margin: 0 0 18px; display: flex; gap: 9px; align-items: center; flex-wrap: wrap; color: var(--dark); font-size: 1.12rem; }
.cron-step span { border-radius: 999px; background: #eff6ff; color: #2563eb; font-size: .72rem; padding: 4px 9px; white-space: nowrap; }
.cron-patterns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-bottom: 18px; }
.cron-patterns button { border: 1px solid var(--border); border-radius: var(--radius-xs); background: #fff; color: var(--dark); min-height: 38px; padding: 7px 3px; font: inherit; font-size: .85rem; cursor: pointer; }
.cron-patterns button[aria-pressed="true"] { color: var(--primary); background: #eef9fc; border-color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); font-weight: 700; }
.cron-primary { background: var(--primary); color: white; border: 0; border-radius: var(--radius-sm); padding: 12px 18px; font-size: .95rem; font-weight: 700; cursor: pointer; }
.cron-primary:hover { background: var(--primary-hover); }
.cron-input-grid .cron-primary { margin-top: auto; }
.cron-generator-fields { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; min-height: 80px; }
.cron-generator-fields label { display: flex; flex-direction: column; gap: 6px; font-size: .9rem; font-weight: 700; min-width: 0; }
.cron-generator-fields input, .cron-generator-fields select { width: 86px; padding: 8px 10px; border: 1px solid var(--border); border-radius: var(--radius-xs); font: inherit; background: #fff; }
.cron-generator-fields select { width: 115px; }
.cron-label { display: block; margin-bottom: 8px; font-size: .9rem; font-weight: 700; }
#cronInput { resize: vertical; width: 100%; min-height: 84px; padding: 12px; font: 1rem/1.6 var(--font-mono); }
.cron-note { color: var(--muted); font-size: .82rem; line-height: 1.7; margin: 10px 0 14px; overflow-wrap: anywhere; }
.cron-page .form-hint-error:not([hidden]) { display: block; line-height: 1.65; background: #fff0f0; border-left: 3px solid var(--danger); padding: 10px; margin: 0 0 14px; }
.cron-page .cron-result { margin-top: 22px; }
.cron-expression-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.cron-expression-row > div { min-width: 0; }
#cronExpression { display: block; font: 700 1.6rem/1.7 var(--font-mono); color: var(--dark); white-space: pre-wrap; overflow-wrap: anywhere; }
.cron-copy { position: static; border: 1px solid var(--border); border-radius: var(--radius-xs); background: #fff; color: var(--dark); padding: 10px 16px; font-weight: 700; cursor: pointer; }
.cron-copy:hover { border-color: var(--primary); color: var(--primary); }
.cron-copy.copied { color: #2e7d32; border-color: #4caf50; background: #e8f5e9; }
.cron-meaning { color: var(--dark); font-size: 1rem; font-weight: 700; margin: 18px 0; overflow-wrap: anywhere; }
.cron-breakdown { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.cron-field { padding: 12px; border: 1px solid var(--border-soft); border-radius: var(--radius-sm); background: #f8f9fa; min-width: 0; }
.cron-field h3 { margin: 0 0 6px; font-size: .85rem; color: var(--dark); }
.cron-field code { display: block; color: var(--primary); font-size: 1rem; overflow-wrap: anywhere; }
.cron-field p { margin: 6px 0 0; font-size: .8rem; overflow-wrap: anywhere; }
.cron-warnings { margin-top: 16px; }
.cron-page .notice-box-warning { border-left-color: #e69b22; background: #fff5e6; color: #80510f; font-size: .9rem; line-height: 1.7; overflow-wrap: anywhere; margin-bottom: 10px; }
.cron-next-runs { padding-left: 26px; margin: 14px 0; }
.cron-next-runs li { padding: 8px 0; font-family: var(--font-mono); font-size: .94rem; border-bottom: 1px solid var(--border-soft); overflow-wrap: anywhere; }
.cron-page .article-content { margin-top: 34px; }
.cron-page .article-content code { overflow-wrap: anywhere; }
.cron-page button:focus-visible, .cron-page input:focus-visible, .cron-page select:focus-visible, .cron-page textarea:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
@media (max-width: 1100px) { .cron-patterns { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cron-panel { padding: 18px; } }
@media (max-width: 900px) { .cron-input-grid { grid-template-columns: minmax(0, 1fr); } .cron-patterns { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    .cron-page { padding: 14px 12px 36px; }
    .cron-page .tool-title { font-size: 1.4rem; }
    .cron-panel { padding: 16px 12px; }
    .cron-patterns { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cron-breakdown { grid-template-columns: minmax(0, 1fr); }
    .cron-field { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 4px 10px; }
    .cron-field p { grid-column: 2; margin: 0; }
    .cron-field h3 { margin: 0; }
    .cron-page .article-content { padding: 18px 14px; }
    .cron-page .related-tools-grid { grid-template-columns: minmax(0, 1fr); }
}