html {
    container-type: inline-size;
}

html.vrl {
    writing-mode: vertical-rl;
}

h2 {
    padding-inline-end: 1em;
}

@container (min-inline-size: 30rch) {
    main {
        display: grid;
        grid-template-columns: 1fr 3fr;
        align-items: baseline;
    }
    main > h1 { grid-column: 1 / 3; }
    main > h2 { grid-column: 1 / 2; text-align: right; }
    main >  p { grid-column: 2 / 3; }
}