<section class="prose prose--future-leadership">
<hgroup class="prose__headers">
<!-- @render breadcrumbs | waiting for the breadcrumbs component here -->
<h3 class="prose__brow">Digital World</h3>
<h1 class="prose__main-heading">Germany and the US: A Tale of AAAs</h1>
<h2 class="prose__secondary-heading">A Tale of Two AAAs in a translatlantic world</h2>
<div class="prose__byline-open">Originally published in <strong>Handelsblatt</strong>, Jul 13, 2015, by <strong>Vincent Truglia</strong></div>
</hgroup>
<div class="prose__body">
<p class="prose__intro">Germany and the United States are among the few countries left in the world with top sovereign credit ratings. But while the outcome may be the same, a closer look reveals that the two countries’ AAA status is based on very different economic
and social circumstances. Taking into account the longer-term risks both economies are facing, the US could be in a better position than Germany to maintain its stellar rating going forward.</p>
<p>Germany’s <a href="http://ccmdesign.ca">current account deficit</a> stems from its extraordinary international competitiveness. It is an export-driven economy, while US growth is dependent on domestic demand. Despite slower global growth, Germany’s
current account surplus is larger than China’s. The sum of exports and imports of goods and services as a percentage of GDP currently amounts to nearly 90 percent which points to an extremely open economy. The fact that this number is 20 percentage
points higher than prior to the financial crisis indicates that the German economy has become even more dependent on international trade in recent years. For the purposes of sovereign risk assessment, this shows the enormous flexibility and
competiveness of the German export sector.</p>
<p>Being an export powerhouse has allowed Germany to avoid many of the problems encountered by other Eurozone countries. Since the export sector has performed so well, the German government has been able to undertake fiscal measures, which now put
the country’s overall general government debt-to-GDP ratio on a declining trajectory. Since a government’s fiscal position is key to the risk of possible default, Germany remains the safest country within the Eurozone as regards the risk of
default on its government bonds.</p>
<blockquote>
<p>Being an export powerhouse has allowed Germany to avoid many of the problems encountered by other Eurozone countries.</p>
</blockquote>
<p>The United States has a fundamentally different economic structure. The US is a continental country. The economy is driven by domestic demand, and exports are often only an afterthought. The openness of the economy is now around 30 percent, not
very different than prior to the financial crisis. Unlike the average German, most Americans, except for those involved in international finance or the export sector, do not pay much attention to the exchange rate because it has little impact
on their day-to-day lives. The US can sustain a current account deficit as long as domestic demand is on track.</p>
<hr>
<p>The US can sustain a <a href="http://ccmdesign.ca">current account deficit</a> as long as domestic demand is on track.</p>
<hr>
<p>There is another reason why the US is able to sustain large current account deficits in the $400 billion range (down from as high as $798 billion in 2006). In other countries, the obligation to fund such large deficits would pose a major economic
risk. However, despite a large net external debt resulting from these deficits, the US regularly has a surplus on its investment income account. A major reason for that is that international investors view the US as a safe haven and are willing
to accept smaller returns for the promise of long-term stability. That translates into the US earning far more on its foreign assets than foreigners earn on their US assets. Consequentially, unlike for other countries, large current account
deficits do not pose a threat to the US economy.</p>
<p>The US government’s fiscal position also differs from Germany’s in fundamental ways. Using traditional methods to calculate the US general government debt, the debt-to-GDP ratio is enormously overstated. The reason behind this is the US government’s
peculiar way of accounting for its national pension fund (Social Security) and similar obligations. The US includes many future liabilities in its debt statistics, despite the fact that these liabilities are not real. They are an accounting
fiction that was created to make Social Security look like an insurance program, when in reality it is a pay-as-you go pension system, as in most advanced industrial countries.</p>
<hr>
<p>Using traditional methods to calculate the US general government debt, the debt-to-GDP ratio is enormously overstated.</p>
<hr>
<p>When we exclude these notional trust funds from the debt numbers, making them more comparable to how we measure other countries’ debt, we find that the debt-to-GDP ratio is on a downward trajectory, which began in 3Q14. The explanation for the
turnaround is that US federal government deficits have fallen dramatically in recent years, from a peak of 9.8 percent in 2009 to 2.8 percent in fiscal year 2014. It is expected to decline further to 2.6 percent in fiscal year 2015. This indicates
remarkable fiscal flexibility.</p>
<p>In the end, despite differences in the sources of their economic strength, German Bunds and US Treasury securities remain among the world’s safest investments. Nonetheless, if we compare the risks facing both countries, the US is in a stronger
position over time: For one, it has its own currency. And looking ahead, it has very favorable demographics. By 2050, the US will have a younger population than Mexico or China.</p>
<figure>
<img src="https://images.unsplash.com/photo-1584701173185-982f63fb725b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80" alt="Unsplash Smaple Image">
<figcaption>Unsplash Smaple Image</figcaption>
</figure>
<p>On the other hand, Germany’s membership in the Eurozone exposes it to substantial external risks. The currency bloc poses a contingent liability on German taxpayers if additional and larger bailouts of other Eurozone members should be required.
Germany’s worrisome demographics are its biggest domestic risk in the long-term. Despite in-migration, its population size is stagnant and likely to decline in coming years, making the burden of its generous social safety net problematic in
the medium-to-long run.</p>
<p>Despite their recent stable economic performance, the United States and Germany need to manage political risk in order to maintain their AAA status in the long-run. German leaders will need to find a way to deal with the crisis in the Eurozone
and they will have to start the difficult process of reforming the country’s social safety net to adapt to changing demographics.</p>
<hr>
<p>Despite their recent stable economic performance, the United States and Germany need to manage political risk in order to maintain their AAA status in the long-run.</p>
<hr>
<p>While US leaders do not have to face contingent liabilities emanating from their country’s currency and demographics, ongoing political gridlock continues to be a danger to the US economy, especially when it comes to entitlement reform. However,
in the US, entitlement reform should prove somewhat easier than in Germany. Social Security only needs some minor tweaking, while the reform of Medicare (medical insurance for seniors) and Medicaid (medical insurance for the poor) is more
closely related to overall healthcare reform in the US, which has only just begun.</p>
<p>In the end, political will and leadership will ultimately play a big role in whether both countries can maintain their current top ratings.</p>
<p class="prose__byline-close">Originally written in English by Vincent Truglia. Translated to German for publication by Handelsblatt.</p>
<p><a href="#" class="button button--secondary">Download Original</a></p>
<div class="prose-print-sidebar">
<svg version="1.1" id="bfna-logo" class="bfna-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 695.1 266.6" style="enable-background:new 0 0 695.1 266.6;" xml:space="preserve">
<path class="st0" d="M62.2,76.5c0-13.7-8.1-24.4-22-26.6c7-4.3,12.4-11.8,12.4-23.3C52.6,10.7,41.8,0,23.3,0H0v106.3h29.2
C48.4,106.3,62.2,95.1,62.2,76.5z M7,6.4h13.5c5.6,0,12.5,0.3,17.7,4.5c3.5,2.9,7.2,8.1,7.2,16.6c0,7.3-2.7,12.7-7,16.2
c-4.6,3.8-9.1,4.5-14.5,4.5H7V6.4z M7,99.9V54.5h16.6c11.8,0,17.1,1.7,19.9,3c8,3.7,11.3,10.2,11.3,19.8c0,4.9-1.1,11.2-6.9,16.3
c-7.2,6.4-15.9,6.4-23.1,6.4H7z"/>
<path class="st0" d="M110.1,108c16.1,0,24.7-10.3,28.5-17.6l-5.4-3.2c-4.1,8.6-12.1,14.8-22.6,14.8c-13.7,0-25.8-10.8-25.8-27.4
l55.6-0.1c0-20.7-13.2-34.7-30.8-34.7c-15.9,0-31.5,11.6-31.5,34.2C78.1,93,89.9,108,110.1,108z M109.6,46
c12.9,0,22.5,9.7,24.1,22.6l-48.4-0.1C87,55.9,96.4,45.9,109.6,46z"/>
<path class="st0" d="M165.6,106.3V71.4c0-8.1,0.2-25.5,13.2-25.5c2.9,0,4.1,0.8,4.8,1.3l3.1-5.8c-2.1-1.1-4.5-1.6-6.8-1.6
c-7,0-12,4.3-14.3,9.9v-8.4h-6.4l0,65H165.6z"/>
<polygon class="st0" points="201.1,106.3 207.5,106.3 207.5,47.3 218.8,47.3 218.8,41.3 207.5,41.3 207.5,18 201.1,18 201.1,41.3
193.9,41.3 193.9,47.3 201.1,47.3 "/>
<path class="st0" d="M259.4,108c16.1,0,24.7-10.3,28.5-17.6l-5.4-3.2c-4.1,8.6-12.1,14.8-22.6,14.8c-13.7,0-25.8-10.8-25.8-27.4
l55.6-0.1c0-20.7-13.2-34.7-30.7-34.7c-15.9,0-31.5,11.6-31.5,34.2C227.4,93,239.2,108,259.4,108z M258.9,45.9
c12.9,0,22.5,9.7,24.1,22.7l-48.4-0.1C236.3,55.9,245.7,45.9,258.9,45.9z"/>
<rect x="308.5" class="st0" width="6.4" height="106.3"/>
<path class="st0" d="M353.6,102c-7.2,0-14-4.5-16.2-13.1l-6.2,1.9c2.7,10.8,11.6,17.2,22.5,17.2c10,0,21.2-5.9,21.2-20.7
c0-3.7-0.6-7.2-3.3-10.5c-4.1-5.3-10.2-7-16.7-9.6c-6.4-2.5-11.5-4.6-11.5-11c0-4.8,3.7-10.4,11-10.4c4.9-0.1,9.4,2.8,11.3,7.3
l5.4-2.8c-3-7-9.4-10.5-17-10.5c-9.9,0-17.4,6.9-17.4,16.7c0,3.1,1,6,2.9,8.5c2.9,3.8,7.6,5.9,14.2,8.6c9.9,4,14.5,6.7,14.5,14
C368.1,96.1,361.9,102,353.6,102z"/>
<path class="st0" d="M397.3,68.7c0-12.9,5.3-22.8,16.6-22.8c14,0,14.3,14.5,14.3,18.6v41.8h6.4V67.1c0-4,0.2-21.2,17.4-21.2
c3.6-0.2,7.1,1.2,9.7,3.7c3.5,3.7,3.8,9.1,3.8,13.4v43.3h6.4V63c0-5.3-0.3-12.4-5.6-17.7c-2.9-2.9-7.5-5.4-14.7-5.4
c-8.6,0-15.6,4-19.3,11.8c-1.3-3.3-5.4-11.8-18.2-11.8c-7-0.3-13.5,3.4-16.9,9.6v-8.1H391v65h6.3V68.7z"/>
<path class="st0" d="M522.5,108.1c10.2,0.2,19.7-4.9,25.3-13.4v11.6h6.4v-65h-6.4v11.4c-6.2-8.8-15.1-12.8-25.3-12.8
c-19,0-31.7,13.9-31.7,33.9C490.8,95.2,505.4,108.1,522.5,108.1z M522.8,45.9c11.2,0,25.3,8.1,25.3,27.4c0,15-8.9,28.7-25.2,28.7
c-16.4,0-25.5-14-25.5-28.7C497.5,55.6,509.9,45.9,522.8,45.9z"/>
<path class="st0" d="M583.5,72.5c0-6.4,0.6-12.4,3.5-17.5c2.4-4.3,7-9.1,15.9-9.1c7.8,0,11.3,4,12.8,6.4c2.4,3.7,2.5,8.6,2.5,13.1
v41h6.4v-41c0-5.7-0.3-11.8-3.2-16.4c-1.4-2.2-6.4-9.1-18-9.1c-11,0-16.9,6.2-19.9,11.6V41.3h-6.4v65h6.4V72.5z"/>
<path class="st0" d="M653.9,72.5c0-6.4,0.6-12.4,3.5-17.5c2.4-4.3,7-9.1,15.9-9.1c7.8,0,11.3,4,12.8,6.4c2.4,3.7,2.5,8.6,2.5,13.1
v41h6.4v-41c0-5.7-0.3-11.8-3.2-16.4c-1.4-2.2-6.4-9.1-18-9.1c-11,0-16.9,6.2-19.9,11.6V41.3h-6.4l0,65h6.4V72.5z"/>
<path class="st0" d="M329.9,162.6h-9.5v64.2h9.5c19.3,0,32.5-13.1,32.5-32.1C362.5,176.1,349.1,162.6,329.9,162.6z"/>
<polygon class="st0" points="389.3,202.9 416.9,202.9 403.2,168.3 "/>
<path class="st0" d="M543.6,161.6c-18.8,0-32.8,14.6-32.8,33.3c0,18.7,14,33.2,32.8,33.2s32.8-14.6,32.8-33.2h0
C576.5,176.2,562.5,161.6,543.6,161.6z"/>
<path class="st0" d="M106.8,161.6C88,161.6,74,176.2,74,194.9c0,18.7,14,33.2,32.8,33.2c18.8,0,32.8-14.6,32.8-33.2h0.1
C139.6,176.2,125.6,161.6,106.8,161.6z"/>
<path class="st0" d="M0,122.5v144.1h695.1V122.5H0z M61.3,162.6H36.5v26.5h24.1v4.4H36.5v37.8h-4.8v-73h29.6V162.6z M144.6,194.9
c0,21-16.5,37.5-37.9,37.5c-21.3,0-37.9-16.5-37.9-37.5c0-20.9,17-37.9,37.9-37.9S144.6,174,144.6,194.9L144.6,194.9z M210.1,203.9
c0,8-0.4,13.2-4.2,18.7c-5.5,8-14.1,9.8-20.7,9.8s-15.2-1.9-20.7-9.8c-3.7-5.5-4.2-10.7-4.2-18.7v-45.6h4.7v45.6
c0,6.9,0.3,11.4,3.1,15.8c4.3,6.9,12.3,8.4,17,8.4c4.7,0,12.7-1.5,17-8.4c2.7-4.4,3.1-8.9,3.1-15.8v-45.7h4.8V203.9z M295.8,233.1
L234.6,169v62.3l-4.9,0v-73.8l61.3,64.2v-63.4h4.8V233.1z M357,221.1c-9.2,9.2-20.5,10.2-26.9,10.2l-14.5,0v-73H330
c6.5,0,17.7,1,26.9,10.2c7.8,7.8,10.5,18.4,10.5,26.4S364.8,213.3,357,221.1z M428.4,231.3l-9.7-24h-31.1l-9.7,24h-5.3l30.8-75.2
l30.3,75.2H428.4z M473.8,162.6h-18.9v68.6H450v-68.6h-18.9v-4.4h42.7V162.6z M490,231.2h-4.8v-73h4.8V231.2z M581.5,194.9
c0,21-16.5,37.5-37.9,37.5s-37.9-16.5-37.9-37.5c0-20.9,17-37.9,37.9-37.9S581.5,174,581.5,194.9L581.5,194.9z M663.3,233.1
L602,169v62.3l-4.8,0v-73.8l61.3,64.2v-63.4h4.8V233.1z"/>
</svg>
<div class="prose-print-sidebar__original-post">
<p>Originally published <br>in <strong>Handelsblatt</strong> <br> Jul 13, 2015, <br>by <strong>Vincent Truglia</strong></p>
</div>
<div class="prose-print-sidebar__author-card">
<h3>Nathan Christ</h3>
<h4>Communications Director<br>Bertelsmann Foundation</h4>
<p>nathan@bfna.org</p>
</div>
</div>
</div>
</section>
<section class="prose{% if theme %} prose--{{theme}}{% endif %}">
<hgroup class="prose__headers">
<!-- @render breadcrumbs | waiting for the breadcrumbs component here -->
<h3 class="prose__brow">Digital World</h3>
<h1 class="prose__main-heading">Germany and the US: A Tale of AAAs</h1>
<h2 class="prose__secondary-heading">A Tale of Two AAAs in a translatlantic world</h2>
<div class="prose__byline-open">Originally published in <strong>Handelsblatt</strong>, Jul 13, 2015, by <strong>Vincent Truglia</strong></div>
</hgroup>
<div class="prose__body">
<p class="prose__intro">Germany and the United States are among the few countries left in the world with top sovereign credit ratings. But while the outcome may be the same, a closer look reveals that the two countries’ AAA status is based on very different economic and social circumstances. Taking into account the longer-term risks both economies are facing, the US could be in a better position than Germany to maintain its stellar rating going forward.</p>
<p>Germany’s <a href="http://ccmdesign.ca">current account deficit</a> stems from its extraordinary international competitiveness. It is an export-driven economy, while US growth is dependent on domestic demand. Despite slower global growth, Germany’s current account surplus is larger than China’s. The sum of exports and imports of goods and services as a percentage of GDP currently amounts to nearly 90 percent which points to an extremely open economy. The fact that this number is 20 percentage points higher than prior to the financial crisis indicates that the German economy has become even more dependent on international trade in recent years. For the purposes of sovereign risk assessment, this shows the enormous flexibility and competiveness of the German export sector.</p>
<p>Being an export powerhouse has allowed Germany to avoid many of the problems encountered by other Eurozone countries. Since the export sector has performed so well, the German government has been able to undertake fiscal measures, which now put the country’s overall general government debt-to-GDP ratio on a declining trajectory. Since a government’s fiscal position is key to the risk of possible default, Germany remains the safest country within the Eurozone as regards the risk of default on its government bonds.</p>
<blockquote>
<p>Being an export powerhouse has allowed Germany to avoid many of the problems encountered by other Eurozone countries.</p>
</blockquote>
<p>The United States has a fundamentally different economic structure. The US is a continental country. The economy is driven by domestic demand, and exports are often only an afterthought. The openness of the economy is now around 30 percent, not very different than prior to the financial crisis. Unlike the average German, most Americans, except for those involved in international finance or the export sector, do not pay much attention to the exchange rate because it has little impact on their day-to-day lives. The US can sustain a current account deficit as long as domestic demand is on track.</p>
<hr>
<p>The US can sustain a <a href="http://ccmdesign.ca">current account deficit</a> as long as domestic demand is on track.</p>
<hr>
<p>There is another reason why the US is able to sustain large current account deficits in the $400 billion range (down from as high as $798 billion in 2006). In other countries, the obligation to fund such large deficits would pose a major economic risk. However, despite a large net external debt resulting from these deficits, the US regularly has a surplus on its investment income account. A major reason for that is that international investors view the US as a safe haven and are willing to accept smaller returns for the promise of long-term stability. That translates into the US earning far more on its foreign assets than foreigners earn on their US assets. Consequentially, unlike for other countries, large current account deficits do not pose a threat to the US economy.</p>
<p>The US government’s fiscal position also differs from Germany’s in fundamental ways. Using traditional methods to calculate the US general government debt, the debt-to-GDP ratio is enormously overstated. The reason behind this is the US government’s peculiar way of accounting for its national pension fund (Social Security) and similar obligations. The US includes many future liabilities in its debt statistics, despite the fact that these liabilities are not real. They are an accounting fiction that was created to make Social Security look like an insurance program, when in reality it is a pay-as-you go pension system, as in most advanced industrial countries.</p>
<hr>
<p>Using traditional methods to calculate the US general government debt, the debt-to-GDP ratio is enormously overstated.</p>
<hr>
<p>When we exclude these notional trust funds from the debt numbers, making them more comparable to how we measure other countries’ debt, we find that the debt-to-GDP ratio is on a downward trajectory, which began in 3Q14. The explanation for the turnaround is that US federal government deficits have fallen dramatically in recent years, from a peak of 9.8 percent in 2009 to 2.8 percent in fiscal year 2014. It is expected to decline further to 2.6 percent in fiscal year 2015. This indicates remarkable fiscal flexibility.</p>
<p>In the end, despite differences in the sources of their economic strength, German Bunds and US Treasury securities remain among the world’s safest investments. Nonetheless, if we compare the risks facing both countries, the US is in a stronger position over time: For one, it has its own currency. And looking ahead, it has very favorable demographics. By 2050, the US will have a younger population than Mexico or China.</p>
<figure>
<img src="https://images.unsplash.com/photo-1584701173185-982f63fb725b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80"
alt="Unsplash Smaple Image">
<figcaption>Unsplash Smaple Image</figcaption>
</figure>
<p>On the other hand, Germany’s membership in the Eurozone exposes it to substantial external risks. The currency bloc poses a contingent liability on German taxpayers if additional and larger bailouts of other Eurozone members should be required. Germany’s worrisome demographics are its biggest domestic risk in the long-term. Despite in-migration, its population size is stagnant and likely to decline in coming years, making the burden of its generous social safety net problematic in the medium-to-long run.</p>
<p>Despite their recent stable economic performance, the United States and Germany need to manage political risk in order to maintain their AAA status in the long-run. German leaders will need to find a way to deal with the crisis in the Eurozone and they will have to start the difficult process of reforming the country’s social safety net to adapt to changing demographics.</p>
<hr>
<p>Despite their recent stable economic performance, the United States and Germany need to manage political risk in order to maintain their AAA status in the long-run.</p>
<hr>
<p>While US leaders do not have to face contingent liabilities emanating from their country’s currency and demographics, ongoing political gridlock continues to be a danger to the US economy, especially when it comes to entitlement reform. However, in the US, entitlement reform should prove somewhat easier than in Germany. Social Security only needs some minor tweaking, while the reform of Medicare (medical insurance for seniors) and Medicaid (medical insurance for the poor) is more closely related to overall healthcare reform in the US, which has only just begun.</p>
<p>In the end, political will and leadership will ultimately play a big role in whether both countries can maintain their current top ratings.</p>
<p class="prose__byline-close">Originally written in English by Vincent Truglia. Translated to German for publication by Handelsblatt.</p>
<p><a href="#" class="button button--secondary">Download Original</a></p>
<div class="prose-print-sidebar">
{% render '@logo' %}
<div class="prose-print-sidebar__original-post">
<p>Originally published <br>in <strong>Handelsblatt</strong> <br> Jul 13, 2015, <br>by <strong>Vincent Truglia</strong></p>
</div>
<div class="prose-print-sidebar__author-card">
<h3>Nathan Christ</h3>
<h4>Communications Director<br>Bertelsmann Foundation</h4>
<p>nathan@bfna.org</p>
</div>
</div>
</div>
</section>
{
"theme": "future-leadership"
}
.prose__body {
.prose__intro,
p:first-of-type {
@include big_lead;
color: hsla(var(--theme-hsl), 1);
@include breakpoint($medium) {
margin: 1.5rem 0;
}
@include breakpoint($large) {
margin: 0 0 5rem 0;
}
}
blockquote {
border-top: 1px solid hsla(var(--theme-hsl), 1);
border-bottom: 1px solid hsla(var(--theme-hsl), 1);
margin: 1rem 0;
padding: 1rem 0;
position: relative;
&:before {
@extend .u-material-icons;
content: "format_quote";
color: hsla(var(--theme-hsl), 1);
}
@include breakpoint($medium) {
margin: 1.5rem 0;
padding: 1.5rem 0 1.5rem 2.5rem;
&:before {
position: absolute;
left: 0;
font-size: 2.5rem;
margin-left: -.5rem;
margin-top: 0;
}
}
@include breakpoint($large) {
margin: 2.5rem 0 2.5rem -6rem;
padding: 2.5rem 0 2.5rem 6rem;
&:before {
font-size: 5rem;
margin-left: -1rem;
margin-top: -.5rem;
}
}
p {
font-size: 1.2rem;
@include breakpoint($medium) { font-size: 1.5rem; }
@include breakpoint($large) {
font-size: 2rem;
line-height: 1.45;
}
}
}
hr {
border-top: 1px solid hsla(var(--theme-hsl), 1);
margin: 1rem 0;
@include breakpoint($medium) { margin: 1.5rem 0; }
@include breakpoint($large) { margin: 2.5rem 0 2.5rem -6rem; }
}
figure {
margin: 1rem 0;
padding: 1rem 0;
@include breakpoint($medium) {
margin: 1.5rem 0;
padding: 1.5rem 0 1.5rem 2.5rem;
}
@include breakpoint($large) {
margin: 2.5rem 0 2.5rem 0;
padding: 2.5rem 0;
}
figcaption { @include small_text; }
}
}
.prose .box {
border-top: 1px solid var(--theme-color);
border-bottom: 1px solid var(--theme-color);
margin: 1rem 0;
padding: 1rem 0;
@include breakpoint($medium) {
margin: 1.5rem 0;
padding: 1.5rem 0 1.5rem 2.5rem;
}
@include breakpoint($large) {
margin: 2.5rem 0 2.5rem -6rem;
padding: 2.5rem 0 2.5rem 6rem;
}
}
.prose {
.prose__headers {
.prose__brow {
font-size: 1rem;
font-weight: 600;
letter-spacing: 0.36px;
margin: 0;
@include breakpoint($medium) {
font-size: 1.5rem;
letter-spacing: .48px;
}
}
.prose__main-heading {
font-size: 2rem;
@include breakpoint($medium) {
font-size: 3rem;
letter-spacing: .48px;
}
@include breakpoint($large) {
font-size: 4.5rem;
letter-spacing: 1.08px;
}
line-height: 1.25;
font-weight: 600;
color: hsla(var(--theme-hsl), 1);
margin: 0;
}
.prose__secondary-heading {
font-size: 1.3rem;
@include breakpoint($medium) {
font-size: 1.8rem;
letter-spacing: .4px;
}
@include breakpoint($large) {
font-size: 3rem;
letter-spacing: 1.08px;
}
line-height: 1.15;
margin: .8rem 0 0 0;
}
.prose__byline-open {
@include breakpoint($large) {
font-size: 1.3rem;
letter-spacing: .5px;
}
font-style: italic;
margin: 1.5rem 0 0 0;
}
}
}
.prose {
// Initial idea for the theme color switch system
--theme-color: var(--color-navy);
--theme-hsl: var(--navy-hsl);
// Module Variables
--bullet-hsl: var(--theme-hsl);
}
.prose--democracy {
--theme-hsl: var(--green-hsl);
}
.prose--future-leadership {
--theme-hsl: var(--red-hsl);
}
.prose--politics-society {
--theme-hsl: var(--yellow-hsl);
}
.prose--digital-world {
--theme-hsl: var(--purple-hsl);
}
.prose {
max-width: 1280px; // Temp Styles
margin-left: auto; // Temp Styles
margin-right: auto; // Temp Styles
padding-bottom: 8rem;
.prose__body {
max-width: 76ch; // Temp Styles
margin-left: auto; // Temp Styles
margin-right: auto; // Temp Styles
}
}
.prose {
.prose__headers {
padding-bottom: 2rem;
@include breakpoint($medium) { padding-bottom: 4rem; }
@include breakpoint($large) { padding-bottom: 8rem; }
}
.prose__infographic,
.prose__video {
margin: 4rem 0 2rem;
> p {
margin-top: 1rem;
text-align: center;
}
}
.prose__video {
padding-bottom: 56.25%;
position: relative;
> * {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
> img,
> iframe,
> video {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
// Prose Base Styles
.prose {
h1 {
@include h1;
&:first-child { margin-top: 0; }
}
h2 { @include h2; }
h3 { @include h3; }
h4 { @include h4; }
h5 { @include h5; }
h6 { @include h6; }
p { @include text; }
p + p { margin-top: 0.75em; }
p > small { @include small_text; }
p > strong { @include bold; }
p > a:not([class]) { @include link; }
li {
@include text;
margin-bottom: .5em;
}
ul {
margin: .75em 0;
list-style-type: none;
padding-left: 24px;
}
ol {
padding-left: 24px;
}
ul > li {
@include bullets;
}
img {
@include image;
// min-width: 828px;
}
}
.prose-print-sidebar { display: none; }
@media print {
@page {
margin: 3cm 3cm 5cm 0;
}
.frame,
.footer,
.subscribe,
.breadcrumbs,
.prose__byline-open { display: none; }
.wrapper--no-hero {padding-top: 0;}
.prose {
.prose__brow { font-size: 10pt !important; }
.prose__main-heading { font-size: 20pt !important;}
.prose__secondary-heading { font-size: 16pt !important;}
.prose__intro { font-size: 12pt; }
}
.prose {
padding-left: 6cm;
// a[href]:after { content: " (" attr(href) ")"; }
h1, h2, h3, h4, h5 { break-after: avoid-page; }
h1, h2, h3, h4, h5, blockquote, figure { break-inside: avoid; }
figure:not(.show-on-print) { display: none; }
p {
orphans: 2;
widows: 2;
font-size: 11pt;
}
blockquote {
padding-left: 1cm;
border-color: hsla(var(--navy-hsl), .2);
p { font-size: 12pt;}
}
hr {
border: 0;
border-top: 1px solid hsla(var(--navy-hsl), .2);
}
blockquote:before {
left: 0;
position: absolute;
color: var(--color-yellow);
}
.button { display: none; }
.prose__body { position: relative; }
}
.prose::after {
display: block;
font-size: 10pt;
content: "Please see bfna.org for the latest version of this information and to view the citations and links.";
margin-top: 1cm;
padding: .6cm;
border: 1px solid #999;
}
.prose-print-sidebar {
display: block;
width: 5cm;
text-align: right;
padding-right: 1cm;
position: absolute;
top: .2cm;
left: -6cm;
p { font-size: 10pt; }
}
.prose-print-sidebar .bfna-logo {
max-width: 60%;
box-sizing: border-box;
margin-bottom: 1cm;
}
.prose-print-sidebar__author-card {
margin-top: 1cm;
h3 {
font-size: 10pt;
font-weight: bold;
margin-bottom: 8px;
}
h4 {
font-size: 9pt;
margin-top: 0;
}
}
}
// https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/
This works as an alias for the typography component group.
The intended use is for markdown generated sections, where we should leverage the automatica markup from markdown, instead of relying on heavy customizations of the markdown engines.