#articlearea{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:18px 0;align-items:start;min-width:0}
#articlearea .article-full{grid-column:1/-1}#articlearea label{display:flex;flex-direction:column;gap:7px;margin:0;min-width:0}#articlearea label>span{font-size:14px;font-weight:700}
#articlearea input,#articlearea select,#articlearea textarea{width:100%;min-width:0;min-height:44px;border:1px solid #c9d6d7;border-radius:10px;padding:11px 13px;background:#fbfcfc;color:inherit;font:inherit;font-size:16px}
#articlearea textarea{min-height:90px;max-height:320px;overflow-y:auto;line-height:1.8;margin:0;resize:vertical;scrollbar-gutter:stable}#articlearea button,#articlearea summary{min-height:44px}#articlearea summary{display:flex;align-items:center;cursor:pointer;font-size:16px}
#articlearea .article-count{align-self:flex-end;color:var(--muted,#67756e);font-size:12px;font-variant-numeric:tabular-nums;line-height:1.4;direction:ltr}#articlearea .small{margin:0;line-height:1.75;font-size:13px}#articlearea .actions{gap:10px;align-items:center;margin:4px 0}
#articlearea .article-capability{margin:0;background:#f6f1e3;color:#715a24;padding:14px 16px;border:1px solid #e4d8b8;border-radius:10px;font-size:14px;line-height:1.8}#articlearea .article-progress{color:var(--green,#216c55);font-weight:700;padding:10px 0}
#articlearea .article-manual,#articlearea .article-seo{padding:16px;border:1px solid #d7e2df;border-radius:12px;background:#f9fbfa}#articlearea .article-manual-grid,#articlearea .article-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
#articlearea .article-seo{background:#f1f6f3}#articlearea .article-seo-grid .actions{grid-column:1/-1}#articlearea .article-report{padding:16px;border:1px solid #d7e2df;border-radius:12px;font-size:14px}#articlearea .article-report h3{font-size:18px;margin:0 0 2px}#articlearea .article-report ul{margin:12px 0;padding-inline-start:22px;line-height:1.9}#articlearea .article-report a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}#articlearea .article-source-used{color:#286744}#articlearea .article-source-unused{color:#876122}
@media(max-width:760px){#articlearea,#articlearea .article-manual-grid,#articlearea .article-seo-grid{grid-template-columns:1fr}#articlearea .article-full{grid-column:1}#articlearea .article-manual,#articlearea .article-seo{padding:14px}#articlearea .actions{display:grid;grid-template-columns:1fr;width:100%}#articlearea .primary,#articlearea .secondary,#articlearea .subtle{width:100%;gap:10px;white-space:normal}#articlearea input,#articlearea textarea,#articlearea select{font-size:16px}}
#articlearea .article-connection{padding:16px;border:1px solid #bacdc7;border-radius:12px;background:#eef5f2;min-width:0}
#articlearea .article-connection-grid{display:grid;gap:14px;margin-top:12px;min-width:0}
#articlearea .article-connection-status{color:var(--green,#216c55);min-height:24px}
#articlearea .article-public-access{display:flex;flex-direction:row;align-items:flex-start;gap:12px}
#articlearea .article-public-access input{flex:0 0 auto;width:22px;min-width:22px;min-height:22px;height:22px;margin-top:2px;padding:0;accent-color:var(--green,#216c55)}
#articlearea .article-public-access>span{font-size:15px;font-weight:400;line-height:1.7}
#articlearea .article-connection-preferences{margin:0;padding:0;border:0}
#articlearea .article-connection-preferences input{margin-top:8px}
#articlearea #article-api-key{direction:ltr}
@media(max-width:760px){#articlearea .article-connection{padding:14px}}

#articlearea #article-create-key{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;font-size:14px}

#articlearea .article-service{display:grid;gap:10px;min-width:0}
#articlearea .article-service .article-capability{background:#f2f6f4;border-color:#d2dfd9;color:inherit}
#articlearea .article-diagnostics{padding:10px 14px;border:1px solid #d2dfd9;border-radius:10px;min-width:0}
#articlearea .article-diagnostics>p{margin:8px 0}
#articlearea #article-diagnostic-report{min-height:170px;max-height:260px;font-family:ui-monospace,monospace;font-size:16px;line-height:1.5}
#articlearea .article-diagnostics .actions{display:flex;flex-wrap:wrap}
#articlearea .article-diagnostics .actions button{white-space:normal}
#articlearea #article-manual-start{justify-self:start;white-space:normal;min-height:44px}
@media(max-width:760px){#articlearea .article-diagnostics .actions{display:grid;grid-template-columns:1fr}#articlearea .article-diagnostics .actions button{width:100%}}