.frontier-page { max-width: 960px; }
.frontier-page section { margin-block: 2rem; }
.frontier-page form { margin-block: 1.2rem; }
.frontier-page label { display: block; margin-block: .8rem; }
.frontier-page label > input:not([type=checkbox]), .frontier-page label > select { display: block; width: 100%; margin-top: .35rem; }
.frontier-page input, .frontier-page select, .frontier-page textarea { padding: .6rem; background: var(--jy-bg, Canvas); color: inherit; border: 1px solid var(--jy-line, #888); border-radius: .3rem; font: inherit; }
.frontier-page input[type=checkbox] { width: auto; }
.frontier-page details, .frontier-page fieldset { margin-block: 1rem; padding: .8rem; border: 1px solid var(--jy-line, #888); border-radius: .4rem; }
.frontier-page summary { cursor: pointer; }
.frontier-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.frontier-source-row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(5rem, 1fr); gap: .8rem; }
.frontier-material, .frontier-comment, .frontier-claim { border-bottom: 1px solid var(--jy-line, #888); padding-block: 1rem; }
.frontier-body, .frontier-text, .frontier-sources { overflow-wrap: anywhere; }
.frontier-text { white-space: pre-wrap; }
.frontier-body pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.frontier-page code { overflow-wrap: anywhere; }
@media (max-width: 600px) { .frontier-grid, .frontier-source-row { grid-template-columns: minmax(0, 1fr); } }